Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][HTML]Pomoc przy funkcji JS
Raven1122
post
Post #1





Grupa: Zarejestrowani
Postów: 369
Pomógł: 2
Dołączył: 1.11.2010

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

Witam, napisalem taki kodzik:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <script type="text/javascript">
  5. function togglediv(id){
  6. var divstatus = document.getElementById(id);
  7. if(divstatus.style.display == 'block')
  8. divstatus.style.display = 'none';
  9. else
  10. divstatus.style.display = 'block';
  11. }
  12. </script>
  13.   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  14.   <meta http-equiv="Content-Language" content="pl" />
  15.   <meta name="Robots" content="ALL" />
  16.   <meta name="keywords" content="">
  17.   <meta name="description" content="" />
  18.   <title></title>
  19. </head>
  20. <body>
  21. <a onClick="togglediv('foo')">Naglowek 1</a>
  22. <div id="foo" style="display:block;">Tresc naglowka 1</div>
  23. <br /><br /><br />
  24. <a onClick="togglediv('foo2')">Naglowek 2</a>
  25. <div id="foo2" style="display:none;">Tresc naglowka 2</div>
  26. </body>
  27. </html>
[HTML] pobierz, plaintext


I teraz potrzebuje zrobic tak, aby przy otworzeniu naglowka 2 automatycznie zamykal sie naglowek 1, jak to zrobic?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
b4rt3kk
post
Post #2





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

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

Wydaje mi się, że jQuery w tej kwestii byłby bardziej odpowiedni w związku z prostotą użycia.

[HTML] pobierz, plaintext 
  1. $(
  2. $('a').click(togglediv());
  3. );
  4.  
  5. function togglediv() {
  6.   $('a div').attr('style', 'display:none');
  7.   $(this).children('div').show('fast');
  8. }
[HTML] pobierz, plaintext


Stosując powyższy skrypt nie musisz używać ani id, ani onclick, wystarczy czysty HTML.

Ten post edytował b4rt3kk 13.09.2012, 17:59:28
Go to the top of the page
+Quote Post

Posty w temacie
- Raven1122   [JavaScript][HTML]Pomoc przy funkcji JS   13.09.2012, 17:28:23
- - Crozin   W funkcji togglediv() najpierw ukryj wszystkie ele...   13.09.2012, 17:41:53
- - Raven1122   a w jaki sposob to zrobic? jestem w js jescze lajk...   13.09.2012, 17:44:46
- - b4rt3kk   Wydaje mi się, że jQuery w tej kwestii byłby bardz...   13.09.2012, 17:57:12
- - Raven1122   [HTML] pobierz, plaintext <!DOCTYPE html PUBLIC...   13.09.2012, 18:06:29
- - b4rt3kk   Chociaż nie, nie zauważyłem, że nie stosujesz stru...   13.09.2012, 18:10:22
- - Raven1122   Nie dziala :s [HTML] pobierz, plaintext <!DOCTY...   13.09.2012, 19:08:55
- - b4rt3kk   Dobra, inaczej, to musi działać [HTML] pobierz, ...   13.09.2012, 20:01:19
- - Raven1122   dalej nie dziala   13.09.2012, 21:33:07

« Następny starszy · Przedszkole · 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: 4.10.2025 - 18:03
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn