2011-01-09 8 views
0

Ich habe eine einfache, aber ich konnte nicht finden, ein Beispiel für eine Lösung, die genau das passt, was ich frage. Sorry im Voraus, wenn dies eine Wiederholung ist.Ziehen DIV von separater Seite und Update DIV in der aktuellen Seite

In meinem Navigationsmenü möchte ich, dass jeder Link auf eine bestimmte DIV auf einer separaten Seite verweist und dann diesen DIV zieht und den Inhalt der aktuellen Seite ersetzt.

<ul> 
<li><a href="#">About</a></li> 
<li><a href="#">Contact</a></li> 
..and so on 
</ul> 

Anderswo in der Seite:

<div id="displayContent">Content refreshes onClick. Previous content fades out, fresh content fades in.</div> 

Separate Seite (content.php):

<div id="about">About content</div> 
<div id="contact">Contact content</div> 
+0

Ihre Frage nicht klar ist - Was meinen Sie mit anderen Seite ? Ist das ein anderer Tab in Ihrem Browser? Ist das ein Popup-Bildschirm? Ist das ein anderer Frame auf derselben Seite? Ist dies ein anderer Abschnitt, der mit Ajax geladen wurde? –

+0

Sorry Julian, was ich meine ist, dass ich eine andere Seite auf meinem Server haben werde, die nur als Quelle für den Inhalt dienen wird (zB content.php). Die Besucher gelangen zu index.php und wenn sie auf einen der Links im Navigationsmenü klicken, ruft index.php die Datei content.php auf und zieht nur das angegebene div – brianrhea

Antwort

0

Vereinbaren Sie mit brhea, ist eine Frage, ein wenig unklar.

Wenn ich gut verstanden habe, suchst du so etwas?

http://www.dynamicdrive.com/dynamicindex17/ajaxcontent.htm

(Auto-Namen klicken, um es in Aktion zu sehen)

OR mit jQuery wie folgt aus:

http://api.jquery.com/load/

+0

Ja, genau wie diesen Link. Ich stelle jedoch fest, dass es im Jahr 2005 aktualisiert wurde, so dass ich offen für Empfehlungen wäre, die die aktuelleren Standards nutzen könnten. – brianrhea

+0

Ich habe einen anderen Link hinzugefügt, Sie können dies noch einfacher mit jQuery tun. Ich denke, andere Frameworks haben auch ein Äquivalent. – CodeVirtuoso

Verwandte Themen