[js] Zmiana adresu strony bez przeładowania strony Opcje

[propage]

Chciałbym zmienić adres stron w przeglądarce, ale bez przeładowania tej strony.

Zastosowanie "window.location.href = "http:/..." powoduje przeładowanie strony.

Jest mi to potrzebne do ajaxa - chce zrobić stronę od początku do końca w ajaxie, ale chce, aby adres url zmieniał się, tak aby klient mógł ewentualnie skopiować sobie ten adres w razie potrzeby.

[kamil4u]

Chyba się nie da. Musisz operować na .... Nie znam profesjonalnej nazwy, więc podam przykład: www.strona.pl/index.html#[tą część zmieniasz] (czyli po #)Wtedy strona nie zostanie przeładowana

EDIT: @down: właśnie - kotwica!

Ten post edytował kamil4u 5.09.2010, 13:48:45

[#luq]

No jasne, że się nie da.
Możesz operować na kotwicach (tak jak mówi @kamil4u) ale też możesz robić directory link, np. jak na maps.google.com w górnym rogu mapy - "LINK"

[propage]

hm to chyba najprościej problem rozwiązać tak:

zamiast np adresu
http://domena.pl/Dla-kobiet/
wstawić
http://domena.pl/#/Dla-kobiet/
a gdy ktoś otworzy adres
http://domena.pl/#/Dla-kobiet/
zrobić redirect w modrewrite do
http://domena.pl/Dla-kobiet/

a teraz małę pytanie, jak powinna wyglądać taka reguła w modrewrite, bo z tego jestem słaby.

[flashdev]

hm to chyba najprościej problem rozwiązać tak:

zamiast np adresu
http://domena.pl/Dla-kobiet/
wstawić
http://domena.pl/#/Dla-kobiet/
a gdy ktoś otworzy adres
http://domena.pl/#/Dla-kobiet/
zrobić redirect w modrewrite do
http://domena.pl/Dla-kobiet/

a teraz małę pytanie, jak powinna wyglądać taka reguła w modrewrite, bo z tego jestem słaby.

Nie zadziała. Przeglądarka nie wysyła kotwicy na serwer. Ale możesz wykonać przekierowanie z poziomu js.

[propage]

ok, już do tego doszedłem, a ma ktoś linki do stron (W całości w ajaxie) wykorzystujących podobne techniki?
Mając na myśli podobne techniki mam na myśli wszystkie triki/sposoby, aby mimo to, iż strona jest w całośći na ajaxie, to jak najmniej traci na użytecznosci (użytkonik i seo)

[sebekzosw]

z mojej strony tyle:

robisz plik np.: index.html a w nim robisz funkcję:

[HTML] pobierz, plaintext 
<script type="text/javascript">
$(function()
{
    $('a').click(function()
    {
        document.location = '#/' + $(this).attr('href');;
        var url = new String(document.location)
        var page = url.split("#");
        if(typeof(page[1]) != 'undefined') 
        {
            //tutaj mozesz zrobić ładowanie podstrony w tle. Funkcja poniżej otworzy strone www.spisula.pl/podstrona.html
            //window.open('http://spisula.pl/' + page[1], '_top');    
        } 
        return false;   
    });
});
</script>
[HTML] pobierz, plaintext 

oraz odnośnik:

[HTML] pobierz, plaintext 
<a href="portfolio.html">Portfolio</a>
[HTML] pobierz, plaintext 

to jest w jQuery... w meta trzeba dodać:

[HTML] pobierz, plaintext 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.js"></script>
[HTML] pobierz, plaintext 

Ten post edytował sebekzosw 5.09.2010, 19:06:30