[jQuery] dynamische Inhalte und seitenübergreifende Aktionen

[kire]

Hallo, ich habe folgendes Anliegen:
Ich habe 2 Seiten. Erste beinhaltet einen Button und ein spezielles Div (nennen wirs "liste"). Zweite Seite beinhaltet 2 Buttons.

Folgende Funktionalität ist gewünscht. Auf der ersten Seite kann ich auf den Button drücken und der Inhalt der 2. Seite wird dynamisch geladen. Auf der 2. Seite kann ich auf einen der beiden Buttons drücken und der Inhalt der ersten Seite wird dynamisch geladen. Drücke ich auf der 2. Seite auf den anderen Button, soll im Liste-Div der ersten Seite ein Text eingefügtwerden, mit append.

Das Laden geht ohne Probleme, jedoch nicht das Einfügen. Ich weiß grade nicht, WIE ich das am besten Regeln soll und würde mich über einen Denkanstoß sehr freuen.

Grüße,
Kire

[Nightflyer]

.load() – jQuery API

[marc]

Evtl. hilft dir das hier oder das hier weiter.

[kire]

hm, okay - ich glaube ich muss etwas ausholen. Grade versuche ich ein einfaches Beispiel der eigentlichen Funktion zum laufen zu bekommen.

Im richtigen Projekt habe ich eine komplexe Struktur mehrerer Seiten, die alle in ein bestimmtes Div eingeladen werden (man könnte salopp sagen eine klassische Website, nur dass Verlinkungen via jQuery in ein Div vorgenommen werden. Ich möchte jetzt, wenn ich auf einer Seite etwas angebe (button klicke) dies auf der anderen Seite angezeigt wird, aber auch angezeigt bleibt, bis ich dann was ändere.

Wie gesagt, die Seiten laden ist kein Ding. Wenn ich die Daten mit Post oder so übergebe, dann würde das ja nur einmal klappen. Ich möchte aber, dass die Daten im Div auch noch da sind, wenn der Nutzer auf einigen anderen Seiten rumspringt und dann nochmal drauf sieht.

[Nightflyer]

Ok dann haben wir dich falsch verstanden

Es gibt zwei Möglichkeiten ( die ich empfehlen würde ):

- Session

Beim Laden des Inhalts wird mittels PHP in der Session geschrieben was geladen wurde. Beim Laden einer neuen Seite wird nun geprüft was in der Session drin steht und dementsprechend der Inhalt geladen

- Cookie

Gleich wie Session, nur mit Cookie

[kire]

Hm, davon wollt ich Abstand halten^^. Aber wie siehts aus, wenn ich den Inhalt immer mit load nachlade, bleiben Variablen ja erhalten, wenn ich das möchte und sie sozusagen "global" anlege.

Kann ich das nicht irgendwie über Variablen lösen? Ala auf seite A les ich was ein und bei Seite B wird das dann angezeigt.

Grade kam mir so die Idee, dass ich ja bei jedem entsprechenden load eine Anweisung mit reinschreiben kann, die die Variablenwerte in das Div reinlädt. Das müsste theoretisch auch gehen, oder?
Beziehungsweise: Ich könnte ja PHP-Code im zu ladenen Inhalt platzieren, welcher die JS-Variablen aufruft. Dann müssten Diese doch eigentlich IMMER aktuell dargestellt werden. Jemand eine Meinung dazu?

[Nightflyer]

Ja das geht auch, aber dazu musst du halt jedes Mal Variablen übergeben und nachladen, was meiner Meinung nach umständlicher ist als über Sessions

[kire]

Hm, inwiefern übergeben? Ich leg die an und gut ist. Mein Problem ist eher der Aufruf.

Wie bekomm ich es am besten hin, dass eine Variable immer wieder neu aufgerufen wird, wenn ichs via load lade?
Derzeitig schätze ich, dass ich ein Div nehme und dem eine ID zuweise, worüber ich es eben anspreche. Dann schreibe ich eine Funktion, die dem Div den Inhalt einer Variable zuweist. Diese Funktion wird dann einfach immer mit aufgerufen, wenn man sich auf diese Seite bewegt.

Gänge das noch eleganter? Ich überleg grade noch irgendwie mit live...

[Nightflyer]

Übergeben von Seite zu Seite mein ich. Und load() hat das Attribut data wo du Variablen einbauen kannst wie du willst

[webxvideo]

Müssen es denn zwei Seiten sein?

Wenn ich das Problem richtig verstehe, wäre es doch einfacher alle Inhalte in eine Seite zu laden und dann davon immer nur die gewünschten Inhalte anzuzeigen.

Wenn Du dann Deiner Liste etwas mit:
$('ul#liste').append('<li>neuer Inhalt</li>');
hinzufügst, bleibt es auch da.

Wenn der User dann "auf anderen Seiten herumspringt" - also die Seite verlassen wird, sind die Inhalte natürlich weg.
Dann musst Du das andersweitig zwischenspeichern.