Javascript Funktion in url ausführen

[Corsachriz]

Hallo zusammen.

Der Titel ist vielleicht etwas um die Ecke gedacht, vielleicht gibt es auch eine andere Möglichkeit. Ich habe folgende Situation:

Ein Onlineshop hat per Javascript blätterbare Seiten in der Kategorie.

Das funktioniert auch sehr gut mit dem EasySlider Script für Jquery, hier die demo:

http://cssglobe.com/lab/easyslider1.7/02.html

Wenn man nun aber z.B. auf der 3. Seite etwas in den Warenkorb legt wird die Seite neu geladen und man landet wieder auf der 1. Seite.

Perfekt wäre, wenn die Funktion in der url weitergegeben wird, wie z.B.

"/kategorie.html-Seite1"

Wie kann ich das Problem lösen ohne den Warenkorb mit Javascript zu realisieren ?

[Adromir]

Mmh, ohne den Slider umzuschreiben, wüsste ich auf die schnelle nix, da das Plugin es nicht nativ unterstützt, bei Aufruf direkt auf eine Seite zu springen.

[Corsachriz]

Ja, ich denke mal die Lösung liegt in diesem Abschnitt:

			if(options.numeric){									
for(var i=0;i<s;i++){						
$(document.createElement("li"))
.attr('id',options.numericId + (i+1))
.html('<a rel='+ i +' href=\"javascript:void(0);\">'+ (i+1) +'</a>')
.appendTo($("#"+ options.numericId))
.click(function(){							
animate($("a",$(this)).attr('rel'),true);
});

Ich habe schon den Link auf

.html('<a rel='+ i +' href=\"#'+ i +'\">'+ (i+1) +'</a>')

umgeändert, damit steht ein #(aktuelleZahl) hinter der url, nur sprint diese beim Aufruf nicht zu der jeweiligen Seite.

Vielleicht sind Cookies eine Lösung ?

[Adromir]

Cookie, oder ne Session nutzen, wo der aktuelle Seitenwert gespeichert wird.

[Sand*mann]

Könnte das nich so in der Art hinhauen? (natürlich so nicht lauffähig..)

$(document).ready(function(){
    if(Rauten-Teil ist eine zahl)
    {
        $("#slider").easySlider({
            continuous: true,
            numeric: true
        });
        $("#slider").css('margin-left', Rauten-Teil * $("#slider li:eq(0)").width() * (-1));
        $("li[id^=controls]").removeClass("current");
        $("li#controls" + Rauten-Teil).addClass("current");
    }
    else
    {
        $("#slider").easySlider({
            auto: true, 
            continuous: true,
            numeric: true
        });
    }
}); 

Der Slider verschiebt ja die Liste einfach nur nach links. Das wird dann hier dann recht dreckig, manuell nachgeholt.

[Adromir]

Aber auch nur, wenn die Webseiten ne fixe Breite haben. Sonst sieht es in manchen Ausgabegeräten nicht so prickelnd aus.

[Corsachriz]

Mhh vielleicht das ganze lieber mit nem anderen Script lösen ?
Mit diesem Plugin (läuft ebenfalls mit jquery) kann man die tabs über die urls
ansprechen.

Leider werden die Tabs nicht automatisch erstellt...