Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jQuery] Zmiana ID, class
deha21
post
Post #1





Grupa: Zarejestrowani
Postów: 544
Pomógł: 5
Dołączył: 18.08.2009

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


Potrzebuję zmienić id lub klasę dla jednego obiektu.
  1. <a href='#' class='zgas'><img src='img/lightoff.png' alt='Zgaś/Zaświeć światło'></a>

Chodzi o .zgas aby zmienił się na .zaswieć i potem na odwrót, po kliknięciu w .zaswiec żeby zmienił się na .zgas

Na razie mam taki kod:
[JAVASCRIPT] pobierz, plaintext
  1. $(".zgas").click(function(){$("#expose").expose({api: true}).load(); $(".zgas img").attr("src","img/lighton.png"); $(".zgas").addClass("zaswiec");});
  2. $(".zaswiec").click(function(){$("#expose").expose({api: true}).close(); $(".zaswiec img").attr("src","img/lightoff.png");});
[JAVASCRIPT] pobierz, plaintext


Tutaj dodatkowo zmiana obrazka i expose (obie działają tylko na włączeniu). Pomóżcie.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
deha21
post
Post #2





Grupa: Zarejestrowani
Postów: 544
Pomógł: 5
Dołączył: 18.08.2009

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


Ok dwa sposoby prawie działają (IMG:style_emoticons/default/winksmiley.jpg) Zrobiłem to tak, że najpierw remove a potem add ale niestety coś się chrzni i zamiast robić klasę "zaswiec" wpisuje " zaswiec" ze spacją na początku, chociaż w kodzie jej nie ma. Co to moze byc?
[JAVASCRIPT] pobierz, plaintext
  1. $(".zgas").click(function(){$("#expose").expose({api: true}).load(); $(".zgas img").attr("src","img/lighton.png"); $(this).removeClass("zgas").addClass("zaswiec");});
[JAVASCRIPT] pobierz, plaintext


Poczytałem na stronce jQuery i ktoś dał pomysł żeby zrobić to za pomocą:
[JAVASCRIPT] pobierz, plaintext
  1. $(this).attr("class","zaswiec")
[JAVASCRIPT] pobierz, plaintext

I zamienia bezproblemowo z tym, że potem nie działa na tym funkacja kliknięcia na tą dodaną klasę (zaswiec):
[JAVASCRIPT] pobierz, plaintext
  1. $(".zaswiec").click(function(){$("#expose").expose({api: true}).close(); $(".zaswiec img").attr("src","img/lightoff.png");});
[JAVASCRIPT] pobierz, plaintext

:/
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: 13.10.2025 - 07:39