Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Czy i jak zastosować LIVE
Regss
post
Post #1





Grupa: Zarejestrowani
Postów: 60
Pomógł: 0
Dołączył: 7.05.2006

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

Witam!
Zacząłem interesować się AJAX'em i stworzyłem coś takiego:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title>Proba</title>
  4. <script type="text/javascript" src="jquery-1.6.2.min.js"></script>
  5. <script type="text/javascript">
  6.   $(document).ready(function(){
  7.  
  8.   $('img[src="star_no.png"]').click(function(){
  9.     $("#o").attr("src", "star.png");   
  10.   });    
  11.    $('img[src="star.png"]').click(function(){
  12.     $("#o").attr("src", "star_no.png");   
  13.   }); 
  14. });
  15. </script>
  16. </head>
  17. <body>
  18. <img id="o" src="star_no.png">
  19. </body>
  20. </html>  
[HTML] pobierz, plaintext


Chciałbym aby obrazek zmieniał się na przemian po każdym kliknięciu przypuszczam, że trzeba użyć live jednak nie mam pojęcia jak. Ktoś może mnie oświecić bo to dla mnie na razie czarna magia.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Regss
post
Post #2





Grupa: Zarejestrowani
Postów: 60
Pomógł: 0
Dołączył: 7.05.2006

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

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  4. <title>Proba</title>
  5. <script type="text/javascript" src="jquery-1.6.2.min.js"></script>
  6. <script type="text/javascript">
  7. $(document).ready(function(){
  8.     $('img#o').click(function(){
  9.     var here = $(this);
  10.     if( here.attr('src') == 'star_no.png'){
  11.     here.attr("src", "star.png");
  12.     here.load("dodaj.php?jak=dodaj");
  13.     } else {
  14.     here.attr("src", "star_no.png");
  15. 	here.load("dodaj.php?jak=usun");
  16. 	}
  17.     });
  18. });
  19. </script>
  20. </head>
  21. <body>
  22. <table>
  23. <tr><td><a href="index.php?count=1">10.000 BC</a></td><td><img id="o" src="star_no.png" width="14" height="14"></td></tr>
  24. <tr><td><a href="index.php?count=2">100 dziewczyn i ja</a></td><td><img id="o" src="star_no.png" width="14" height="14"></td></tr>
  25. <tr><td><a href="index.php?count=3">101 dalmatyńczyków</a></td><td><img id="o" src="star_no.png" width="14" height="14"></td></tr>
  26. <tr><td><a href="index.php?count=4">13 Dzielnica</a></td><td><img id="o" src="star_no.png" width="14" height="14"></td></tr>
  27. <tr><td><a href="index.php?count=5">13 dzielnica - Ultimatum</a></td><td><img id="o" src="star_no.png" width="14" height="14"></td></tr>
  28. <tr><td><a href="index.php?count=6">17 Again</a></td><td><img id="o" src="star_no.png" width="14" height="14"></td></tr>
  29. <tr><td><a href="index.php?count=653">Życie od kuchni</a></td><td><img id="o" src="star_no.png" width="14" height="14"></td></tr>
  30. </table>
  31. </body>
  32. </html> 
[HTML] pobierz, plaintext


Rekordów jest więcej ale zmienna count leci kolejno od 1 do 653
Go to the top of the page
+Quote Post

Posty w temacie
- Regss   Czy i jak zastosować LIVE   23.08.2011, 19:47:42
- - wookieb   [JAVASCRIPT] pobierz, plaintext $('img#o'...   23.08.2011, 20:01:26
- - kamil4u   Ty nie zacząłeś interesować się AJAX-em, a bibliot...   23.08.2011, 20:25:35
- - Regss   Dzięki za odpowiedź. Zapomniałem dodać, że rozbud...   23.08.2011, 20:28:30
- - kamil4u   Wtedy zrób tak: [JAVASCRIPT] pobierz, plaintext $...   23.08.2011, 20:36:27
- - Regss   Wielkie dzięki na tym przykładzie sporo zrozumiałe...   24.08.2011, 20:25:22
- - kamil4u   Pokaż jak wygląda kod wynikowy z index.php - czyli...   24.08.2011, 21:58:54
- - Regss   [HTML] pobierz, plaintext <html><head...   24.08.2011, 22:21:49
- - kamil4u   ID musi być unikalne. Użyj klasy Najprościej: - w...   24.08.2011, 22:28:51
- - Regss   Pozmieniałem na klasy, przerobiłem skrypt i działa...   25.08.2011, 18:54:42
- - kamil4u   Poczytaj o DOM: http://kurs.browsehappy.pl/Definic...   25.08.2011, 19:02:53

« Następny starszy · XML, AJAX · 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: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

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

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