String per JS effizient splitten

[heinetz]

Hallo Forum,

in meiner Lösung steht (auskommentiert) mein erster Anlauf mit der history-API. Ich habe damit ein wenig herum experimentiert, würde das Verhalten nun aber gerne vorher mal planen. Helft Ihr mir dabei?

Wie man an dem Code erkennen kann, lade ich per Ajax Content in ein Modal-Popup. Was ich erreichen möchte ist grundsätzlich, dass in der Adresszeile, die "richtige" URL steht wenn man ... navigiert. D.h.

1. Beim Aufruf der Seite "home.html" ist das Modal initial nicht sichtbar ... in der Adresszeile steht also "home.html".

2. Per Click auf der Seite wird das Modal sichtbar und der Inhalt von "page1.html" per Ajax nachgeladen ... in der Adresszeile soll also "page1.html".

3. Wird das Modal geschlossen soll in der Adresszeile wieder "home.html" stehen.

Bis dahin habe ich's relativ einfach hinbekommen. Interessant wird's hier:

Beim initialen Aufruf der Seite und bei der Benutzung der Back/Forward-Buttons des Browsers soll sich nicht nur die Adresszeile ändern, sondern der entsprechende Zustand abgebildet werden.

Dafür würde ich gerne einen Ansatz entwickeln.

gruss, heinetz