jQuery - Veränderung in Adressleiste eintragen

gordiaaan · 13.06.2011

Hallo zusammen,

angenommen ich lade durch einen Button mit der jQuery Funktion load() Inhalt aus einer externen Datei in meine Seite und veränder gleichzeitig das Layout durch animate(), dann wird das alles ja nicht in der Adressleiste protokoliert.

Wie bekomme ich es hin, dass sich die Seite Bookmarken und Aktualisieren lässt, ohne, dass ich wieder am Anfang lande? Gibt es dafür auch eine Funktion?

Danke für eure Hilfe!

KyaraLulu · 13.06.2011

AW: jQuery - Veränderung in Adressleiste eintragen

Hi,

du könntest das ganze zum Beispiel in ein Cookie schreiben. Den Wert kann man auch gut auslesen und damit arbeiten.

fakerer · 13.06.2011

AW: jQuery - Veränderung in Adressleiste eintragen

würde es auch über session lösen
oder du könntest noch versteckte variabeln setzen die du dann ja als postparameter bekommen würdest.

Doitsu · 13.06.2011

AW: jQuery - Veränderung in Adressleiste eintragen

Sowohl Session als auch Cookie lassen sich nicht verschicken, bzw. auf Dauer speichern (bzw werden ueberschrieben, wenn ich weiter Navigiere, aber wenn ich genau diese Sache mehrfach aufrufen will?).

Eine fertige Funktion wird es dafuer auch nicht geben, da man ja nicht wissen kann, was du wann wie haben willst. Muesstest du dir also selbst schreiben - im Grunde genau wie normale GET-Paramater, nur, dass du die ganzen Sachen nach dem '#' einfuegst.

gordiaaan · 14.06.2011

AW: jQuery - Veränderung in Adressleiste eintragen

Erst mal Danke für eure Hilfe.

Ich bin leider noch relativer Neuling in dem Bereich, so dass ich damit nicht so viel anfangen kann.

Kennt ihr genau zu dem Thema ein Tutorial?
Falls es nicht zu viel Arbeit macht, wäre ich auch dankbar, mir es mit GET an dem konkreten Beispiel mal zu zeigen.

HTML:

<!DOCTYPE html>
<html>
<head>
<style>
div {
    background-color:#000000;
    width:100px;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>

<body>
<button id="go">Klick!</button>

<div id="block">Test!</div>
<script>
$("#go").click(function(){
  $("#block").animate({
    width: "50%",
  }, 1500 );
});
</script>

</body>
</html>

Blackout289 · 15.06.2011

AW: jQuery - Veränderung in Adressleiste eintragen

Wie wäre es mit nem Hash wert?
dann würde deine Url so aussehen
blub.com#neueseite

dann prüfst du mit JS ob der Hash = neueseite ist und führst dann die Animationen/Veränderungen nochmal durch

Dein Beispiel
if(window.location.hash=='neueseite') {
$("#block").animate({ width: "50%", }, 1500 );
};

MfG

gordiaaan · 15.06.2011

AW: jQuery - Veränderung in Adressleiste eintragen

Klasse, Danke!
window.location.hash ist genau das, wonach ich gesucht habe. Ich hätte noch dazu schreiben sollen, dass die Animation nach dem Aktualisieren nicht neu abgespielt werden soll, aber so klappt es:

HTML:

<!DOCTYPE html>
<html>
<head>
<style>
div {
    background-color:#000000;
    width:100px;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>

<body>
<a href="#neueseite" id="go">Klick!</a>

<div id="block">Test!</div>
<script>
if(window.location.hash=='#neueseite') {
    $("#block").css({'width' : '50%'});
    }
    else {
    $("#go").click(function(){
        $("#block").animate({width: "50%",}, 1500 );
    });
};
</script>

</body>
</html>

Blackout289 · 15.06.2011

AW: jQuery - Veränderung in Adressleiste eintragen

Kein Ding ;D