[JavaScript][jQuery] Zmiana linku na pasku adresu bez przeładowania całej zawartości strony

[JavaScript][jQuery] Zmiana linku na pasku adresu bez przeładowania całej zawartości strony

Popek231 Zobacz profil	15.12.2014, 20:01:04 Post #1
Grupa: Zarejestrowani Postów: 71 Pomógł: 2 Dołączył: 30.03.2012 Skąd: Bielsko-Biała Ostrzeżenie: (0%)	Witam, chciałbym się dowiedzieć jak to genialny Facebook robi, że link, w pasku adresu zmienia się, podczas kliknięcia np. w zdjęcie (wyświetla się nad stroną), bez jakiegokolwiek przeładowania strony (np. okienka z wiadomościami oraz czat pozostają nienaruszone oraz większość strony)... Jakieś nakierowanie na odpowiedź? Nie piszcie, że się nie da, bo fb takie coś ma:P Niby było, ale dawno + do tego w linkach FB nie ma kotwic:D http://forum.php.pl/lofiversion/index.php/t158483.html Ten post edytował Popek231 15.12.2014, 20:02:03

Odpowiedzi

maviozo Zobacz profil	18.12.2014, 16:33:03 Post #2
Grupa: Zarejestrowani Postów: 197 Pomógł: 24 Dołączył: 22.11.2010 Ostrzeżenie: (0%)	Męczył mnie ten temat, a że znalazłem chwilę czasu to sprawdziłem doświadczalnie (IMG:style_emoticons/default/smile.gif) Okazało się, że dostawałem błąd SecurityError: The operation is insecure, można wygoglować, co to powoduje. W skrócie chodzi o to, żeby przeglądarka nie pomyślała, że chcesz podstawić coś z nie swojej domeny. Ten skrypt postawiony na serwerze DZIAŁA na 100%, wyświetla zawartość trueX.html a w adresie podstawia falseX.html: [HTML] pobierz, plaintext <html> <head> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script> $(function(){ $(".test a").on('click',function(e){ var link='/'+$(this).data("link"); e.preventDefault(); history.replaceState(null,null,link); $('#play').load($(this).attr("href")); }); }); </script> </head> <body> <div class="test"> <a href="true1.html" data-link="false1.html">1</a> <a href="true2.html" data-link="false2.html">2</a> </div> <div id="play"></div> </body> </html> [HTML] pobierz, plaintext Być może że mi też to się w przyszłości przyda, więc dzięki za wątek (IMG:style_emoticons/default/smile.gif) Ten post edytował maviozo 18.12.2014, 16:39:11

Posty w temacie

Popek231 [JavaScript][jQuery] Zmiana linku na pasku adresu bez przeładowania całej zawartości strony 15.12.2014, 20:01:04

janek5 Zobacz HTML5 History API Przykłady: http://code.tu... 16.12.2014, 00:46:39

maviozo Dzięki, przyda się 16.12.2014, 09:03:47

fate Tu masz fajne demo http://html5demos.com/history z... 16.12.2014, 11:40:25

Popek231 Ponieważ piszę prostą internetową gierkę Linki w ... 16.12.2014, 17:08:27

maviozo KodonClick="$('#play').lo... 16.12.2014, 17:44:41

Popek231 no wiem, że nie jest eleganckie... ale chcę wczyta... 16.12.2014, 18:53:03

maviozo Jeżeli mają być różne, to zawsze możesz skorzystać... 16.12.2014, 20:11:33

Popek231 na pasku adresu będzie JEDEN LINK, a ładowany będz... 16.12.2014, 20:24:16

maviozo Tak, o ile sobie to odpowiednio ogarniesz w reszci... 16.12.2014, 20:53:01

Popek231 ... coś działać nie chciało (strona się i tak prze... 16.12.2014, 23:48:04

maviozo Tu masz błąd przecież: history.pushState(null,null... 17.12.2014, 00:18:39

Popek231 tak czy inaczej.. tamto nie działało:D jeśli będę ... 17.12.2014, 17:12:45

maviozo Męczył mnie ten temat, a że znalazłem chwilę czasu... 18.12.2014, 16:33:03

shpaque podepnę się tutaj - pytanko z ciekawosci: jak zmie... 9.11.2018, 10:15:26

2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Aktualny czas: 8.10.2025 - 19:23

Hosting zapewnia

Forum PHP.pl