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%)
-----

ID musi być unikalne. Użyj klasy

Najprościej:
- w index.php tam gdzie drukujesz:
Kod
<img id="o" src="star_no.png" width="14" height="14">
i ten drugi obrazek dodaj atrybut alt, a w nim $lista["COUNT"]
- następnie w JS w obrębie tej funkcji:
Kod
$('img#o').click(function(){ //pamiętaj, że id musi być unikalne, popraw to na klasę: img.o

zobacz co masz pod this.alt.
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
1 Użytkowników czyta ten temat (1 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: 11.10.2025 - 19:33
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn