Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Wykonanie polecenia jako checkbox a nie a href
Carveth
post 6.04.2012, 18:56:56
Post #1





Grupa: Zarejestrowani
Postów: 82
Pomógł: 0
Dołączył: 20.02.2008

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


Witam - mam skrypt js typu pokaż/ukryj:

  1. function PokazUkryj(nazwa) {
  2. $('#'+nazwa).slideToggle();
  3. }


A oto kod w htmlu:

  1. <a href="java script:PokazUkryj('spis1');">Pokaż/ukryj spis1</a>
  2.  
  3. <div id="spis1" style="display:none;">
  4. aaa aaa aaa
  5. </div>


Chcę by treść pokazywała się przy zaznaczeniu checkboxa a nie poprzez kliknięcie linka.

Liczę na waszą pomoc.
Pozdrawiam
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 4)
grz3s
post 6.04.2012, 20:30:38
Post #2





Grupa: Zarejestrowani
Postów: 41
Pomógł: 10
Dołączył: 13.01.2009
Skąd: Kraków

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


na jquery czy wogole na JS slabo sie znam ale na moje oko to by bylo tak:

  1. <input type="checkbox" name="costam" value="bleble" onclick="PokazUkryj('spis1')" id="przycisk" /><label for="przycisk">pokaz/ukryj</label>
  2. <a href="java script:PokazUkryj('spis1');">Pokaż/ukryj spis1</a>
  3.  
  4. <div id="spis1" style="display:none;">
  5. aaa aaa aaa
  6. </div>


Ten post edytował grz3s 6.04.2012, 20:31:09
Go to the top of the page
+Quote Post
Carveth
post 8.04.2012, 10:47:51
Post #3





Grupa: Zarejestrowani
Postów: 82
Pomógł: 0
Dołączył: 20.02.2008

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


Dzięki wielkie, działa należycie wink.gif

Pojawił się mały problem, otóż chciałbym żeby zaznaczenie jakiegoś checboxa pokazywało/ukrywało kilka divów naraz o tym samym id a nie tylko jeden.

Pozdrawiam
Go to the top of the page
+Quote Post
Croos22
post 8.04.2012, 12:46:22
Post #4





Grupa: Zarejestrowani
Postów: 316
Pomógł: 4
Dołączył: 22.03.2010

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


W jquery np:

[JAVASCRIPT] pobierz, plaintext
  1. $("button").click(function () {
  2. $("#div1, #div2...").toggle("slow");
  3. });
[JAVASCRIPT] pobierz, plaintext


Ten post edytował Croos22 8.04.2012, 12:47:09
Go to the top of the page
+Quote Post
Carveth
post 10.04.2012, 21:36:48
Post #5





Grupa: Zarejestrowani
Postów: 82
Pomógł: 0
Dołączył: 20.02.2008

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


Problem rozwiązany. Wystarczyło zmienić w tym:

  1. function PokazUkryj(nazwa) {
  2. $('#'+nazwa).slideToggle();
  3. }


linijkę
  1. $('#'+nazwa).slideToggle();


na
  1. $('.'+nazwa).slideToggle();


a w linkach zamiast id używać class.

Pozdrawiam i dziękuję za pomoc.
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 09:36