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
kamil4u
post
Post #2





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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

Wtedy zrób tak:
[JAVASCRIPT] pobierz, plaintext 
  1. $('img#o').click(function(){
  2.      var here = $(this);
  3.      if( here.attr('src') == 'star_no.png'){
  4.        here.attr("src", "star.png");  
  5.        //operacje
  6.      } else {
  7.         here.attr("src", "star_no.png");  
  8.        //operacje
  9.      }
  10. });
[JAVASCRIPT] pobierz, plaintext


Z live korzystasz wtedy, gdy chcesz przypisać akcję/zdarzenie wszystkim elementom, nawet tym co dopiero będą stworzone. W tym przypadku, jedynie zmieniasz atrybut src, a nie tworzysz nowego elementu, więc live, nie jest potrzebne. Dokumentacja jQuery jest dość dobra.

--edit--
Po prostu wiele osób często myli jQuery czy nawet JS z AJAX-em. Chciałem Ci zwrócić uwagę, na poprawne nazwy, ale po opisie w 2 poście, rzeczywiście będziesz korzystał z AJAX-u.

W skrócie:
- JavaScript to język "główny"
- AJAX to część JavyScript, która w wielkim skrócie, może w tyle wykonać żądanie do serwera - np. żeby odpalić skrypt PHP
- jQuery to biblioteka JS, która znacznie ułatwia pracę i przy okazji ma wbudowaną prostszą obsługę AJAX-u.

Osobiście staram się pisać wszystko sam, ale jak jesteś początkujący i chciałbyś w miarę sprawnie napisać ten skrypt, to jQuery to znakomity wybór.

Ten post edytował kamil4u 23.08.2011, 22:04:11
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: 5.10.2025 - 13:57
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn