Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript]jQuery, przekakujące menu
Sueroski
post
Post #1





Grupa: Zarejestrowani
Postów: 41
Pomógł: 0
Dołączył: 19.11.2008

Ostrzeżenie: (0%)
-----

Zacząłem się uczyć jQuery i chciałem co nieco z niego wykorzystać w praktyce.
Kod osadzony na linkach miał sprawić, aby div "content" zniknął, załadowała się do niego strona, pojawił się.

Wszystko działa pięknie tylko podczas przechodzenia pomiędzy stronami menu podskakuje do samej góry na chwilkę.
Nie jest to jakieś bardzo uciążliwe, jednak warto byłoby to wyeliminować, bo mimo wszystko jest to denerwujące.
Tutaj filmik z tym jak to wygląda (ten przeskok): http://tinyvid.tv/show/2lmjhir16lddm

Tutaj kod (oczywiście jest to generowane przez PHP, ale kod PHP chyba nie jest potrzebny): 
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  3. <head>
  4. 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. 	<link type="text/css" href="style.css" rel="Stylesheet" />
  6. 	<title>***</title>
  7. 	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  8. </head>
  9. <body>
  10. <div class="site">
  11. <div id="menu">
  12.  
  13. <a href="#" id="main">Strona Główna</a><br />
  14. <a href="#" id="ptc">PTC</a></div>
  15. <div id="content">
  16. <script type="text/javascript">
  17. $(document).ready( function(){
  18. 	$("#content").load('site.php?p=main')
  19. 	$("#main").click( function(){
  20. 		$("#content").fadeOut()
  21. 		$("#content").load('site.php?p=main')
  22. 		$("#content").fadeIn()
  23. 	} )
  24. 	$("#ptc").click( function(){
  25. 		$("#content").fadeOut('slow', function(){
  26. 			$("#content").load('site.php?p=ptc', {limit: 25}, function(){ 
  27. 				$("#content").fadeIn()
  28. 			})
  29. 		})
  30. 	} )
  31. })
  32. </script>
  33. </div>
  34. <div id="footer">
  35. Copyright&copy; 2010 ********<br />
  36. Permission is granted to copy, distribute and/or modify this document
  37. under the terms of the GNU Free Documentation License, Version 1.3
  38. or any later version published by the Free Software Foundation;<br />
  39. Full licence text <a href="http://www.gnu.org/licenses/fdl.html">here</a>. 
  40.  
  41. </div>
  42. </div>
  43. </body>
  44. </html>
[HTML] pobierz, plaintext


Przeglądarka: IceCat 3.6.9 (fork do Firefox'a... traktować to jako Firefox'a należy bo różnice są tylko właściwie w logu i wyszukiwaniu wtyczek)
System: Ubuntu 10.04

W czym tkwi problem?

Ten post edytował Sueroski 11.11.2010, 16:07:44
Go to the top of the page
+Quote Post
konrados
post
Post #2





Grupa: Zarejestrowani
Postów: 623
Pomógł: 79
Dołączył: 16.01.2008

Ostrzeżenie: (0%)
-----

A spróbuj:
[HTML] pobierz, plaintext 
  1. 	$("#ptc").click( function(event){
  2.                 event.preventDefault();
  3. 		$("#content").fadeOut('slow', function(){
  4. 			$("#content").load('site.php?p=ptc', {limit: 25}, function(){ 
  5. 				$("#content").fadeIn()
  6. 			})
  7. 		})
  8. 	} )
[HTML] pobierz, plaintext


Tak tylko zgaduję.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 23.08.2025 - 04:04
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn