✔ Laden von Quelltext in einen Divcontainer aus einer Datei

[Drakan]

Hallo zusammen,

ich benötige Hilfe bei der Lösung eines Problems.
Und zwar geht es um Folgendes:

Ich versuche Quelltext(Html,javascript,PHP) aus einer Datei zu laden und in einem
Divcontainer anzeigen zu lassen. Dabei möchte ich aber nur den Divcontainer
aktualisieren und den Rest der Seite so belassen wie sie ist. Gesteuert werden
soll das ganze über Verweise, die die Funktion samt Parameter zur Änderung des
Divcontainerinhalts aufrufen.

Das Ziel besteht darin die Funktionalitäten der Seite wie zum Beispiel Forum,
Chat, etc in verschiedenen Dateien auszulagern und durch klicken auf die
entsprechenden Verweise in den Divcontainer zu laden.

Der Schlüssel zur Lösung des Problems müsste AJAX sein, nur besitze ich darüber
sogut wie keine Kentnisse.

Es wäre wirklich nett, wenn mir jemand mit dem Quelltext dafür helfen könnte.

Danke schon mal im vorraus

 

[Sven Mintel]

Moin,

falls du dich nicht grossartig in AJAX einarbeiten willst, empfehle ich dir den Einsatz eines Frameworks wie bspw. prototype.

Dort nimmt dir der Ajax.Updater die ganze Coderei ab

Das ganze wäre dann mit so wenig Code erledigt:

<a onclick="new Ajax.Updater($('container'), 'pfad/zur/datei.txt')">Hier Klicken</a>
<div id="container">Hier lesen</div>

 

[Drakan]

Erst mal danke, aber kannst du mir sagen ob der den Code auch wieder entfernt sobald ich auf den nächsten Link klicke oder würde der den Code einfach unten drunter setzen?

 

[Sven Mintel]

Die Standardeinstellung ist, das existierender Inhalt überschrieben wird....es muss also nichts extra gelöscht werden.

 

[Drakan]

Der Quelltext hat so bei mir nicht funktioniert, ich habe dann Versucht es als button zum laufen zu bringen aber da hats genauso wenig funktioniert. Muss ich noch etwas bei der verwendung von ajax beachten? Vieleicht irgent etwas bei apache aktivieren? Oder Plug Ins installieren? Javascript ist in meinem Browser aktiviert, daran sollte es nicht liegen.



wenn ich die fehlerbehandlung benutze sagt er Ajax ist undefiniert.

 

[Sven Mintel]

Hast du die prototype.js von http://prototypejs.org/download dort eingebunden und stimmt der Pfad dorthin?

 

[Drakan]

Oh xD ich schätze das hatte ich einfach vergessen.
Jetzt funktionierts so wie es soll.

Danke noch mal

 

[Drakan]

Ich habe gerade ein wenig herumexperimentiert: Kann es sein, dass das prototype.js kein PHP unterstützt?

 

[Sven Mintel]

PrototypeJS ist Javascript, mit PHP hat das nichts zu tun.

 

[Drakan]

Nein es ging mir um das anzeigen von php. ich Hab versucht eine Datenbankabfrage Via php/Mysql aus einer Datei mit dem Script zu laden, aber das hat er anscheinend nicht interpretiert. Zumindest hat er es nicht ausgegeben.