zur Navigation

olaf-bosch.de

Tutorial, Webseite mit jQuery animieren – Teil 2

Im 2. Teil widmen wir uns Ajax per jQuery, die Seiten der oberen Navigation werden per Ajax vom Server geholt und dann in den Content der Seite eingefügt. Dabei habe ich berücksichtigt, dass die Seiten zu bookmarken sind und die Vor‑/Zurück-Funktion des Browser erhalten bleibt. Als Schmankerl wird der Title ersetzt, somit wird auch dieser beim Bookmarken übernommen.

Sozusagen unobtrusive Javascript, barrierefreies Javascript.

Nun genug geschwafelt, Tutorial starten oder gleich zum zweiten Teil springen.

8 Kommentare zu “Tutorial, Webseite mit jQuery animieren – Teil 2”

  1. Hallo!
    Ich habe das Tutorial getestet und bin dabei auf ein Problem gestoßen, wenn man die aktuelle Version (1.3.2) der jQuery-Bibliothek benutzt. Die Vor‑/Zurück-Funktion des Browser erzeugt bei der Version einen Javascript Fehler. Bei der in dem Tutorial beschriebenen Version 1.2.6 funktioniert das aber problemlos.
    Ansonsten bin ich sehr dankbar für dieses Tutorial, da es genau das beschreibt, was ich gesucht habe.

    Grüße

  2. Hi Ryco,
    freut mich geholfen zu haben. Ja, irgendwann muss ich alles hier noch mal auf die 1.3.2 umstellen. Ich komm nur gerad nicht dazu. Falls du magst kannst du mir ja mal ne Mail mit dem Link zur Fehlermeldung schicken.

    Update, 5 nach 1
    Hm, hab es jetzt einfach mal gewagt und die neue Version hochgeladen, ich kann nirgends Fehlermeldungen entdecken. Hier scheint alles wie gewohnt zu laufen.

  3. Hallo Olaf,
    ich warte schon ungeduldig auf den dritten Teil des Tutorials!
    Grüße aus Berlin,
    Regina

  4. Regina, vielen Dank für die Erinnerung :)

    Ich hatte es wirklich schon 2–3 Wochen fertig hier rumliegen, ich schob es immer wieder vor mir her, bis ich es vergaß.

    Guck, da isses

  5. Nach langen, langen Monaten finde ich nun mal die Zeit, mich endlich zu bedanken!

    Du hast mir sehr geholfen, allerdings hab ich noch ein kleines Problemchen:

    Ich hab in die hier von Dir vorgestellte Lösung eine PrettyPhoto –Box eingebaut, funktioniert auch, aber nur auf der ersten Seite. Sobald man sich durch die Seiten bewegt, und in der Eingabeleiste das „remote-x“ erscheint, funktioniert die PrettyPhoto-Box nicht mehr.

    Woran könnte das liegen?

    Grüße aus Berlin,

    Regina

  6. Hi Regina,
    ist klar das es nicht funktioniert, der Funktion sind ja die nachgeladenen Links nicht bekannt. Du könntest als erstes versuchen an der Stelle wo ich bei mir das „code_viewer();“ reinitialisiere einfach noch einmal deinen Code für prettyPhoto einzufügen.

    P.S.: Teil 4 muss ich auch noch mal machen, leider komm ich einfach nicht dazu :(

  7. Hallo Olaf,

    dein tut hat mich total begeistert, so sehr das ich seit tagen versuche es in meine homepage einzuarbeiten, doch leider erfolgslos :(

    mein problem ist, das ich bereits eine navigation mit jquery habe. nun möchte ich den texteffekt dazu einbinden und krieg es einfach nicht hin.

    das macht mich total wahnsinnig.

    villeicht kannst du mir ein tip geben, wie ich den effekt in eine andere navigation einbinden kann.

    wäre dir sehr dankbar!!!

    lg

    Lena

  8. Ohne zu wissen welche Funktion du bei deine Navi benutzt kann ich nix dazu sagen. Schick mir doch mal einen Link zu der Seite, dann schau ich mal…

Einen Kommentar schreiben

top