Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][jQuery] Zmiana linku na pasku adresu bez przeładowania całej zawartości strony
Popek231
post
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
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
maviozo
post
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:

  1. <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
  2. $(function(){
  3. $(".test a").on('click',function(e){
  4. var link='/'+$(this).data("link");
  5. e.preventDefault();
  6. history.replaceState(null,null,link);
  7. $('#play').load($(this).attr("href"));
  8. });
  9.  
  10. });
  11. </head>
  12.  
  13. <div class="test">
  14. <a href="true1.html" data-link="false1.html">1</a>
  15. <a href="true2.html" data-link="false2.html">2</a>
  16. </div>
  17. <div id="play"></div>
  18. </body>
  19. </html>
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
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 5.10.2025 - 22:54