Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Ukrywanie warstwy
matid
post
Post #1





Grupa: Zarejestrowani
Postów: 362
Pomógł: 0
Dołączył: 18.02.2004
Skąd: Knurów

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

Witam, mam następujący problem. Mam taki kod HTML:
[HTML] pobierz, plaintext 
  1. <!--QuoteBegin--><div class='quotetop'><a href="javascript:my_show_div(my_getbyid('spoiler'));">SPOILER</a></div>
  2. <div id="spoiler" class='quotemain' style='display: none'>
  3. </script>
  4. <!--QuoteEBegin-->{content}<!--QuoteEnd--></div><!--QuoteEEnd-->
[HTML] pobierz, plaintext

Ten kod ma za zadanie po kliknięciu na link SPOILER pokazywać warstwę 'spoiler'.
Ale teraz przejdźmy do problemu: Jak zmienić ten kod, aby przy większej ilości powtórzeń tego kodu każdy napis spoiler odpowiadał za odkrywanie tylko tej warstwy, która jest pod nim. Odpada nazywanie poszczególnych warstw w ten sposób: spoiler_1, spoiler_2, bo kod jest wstawiany automatycznie. Jedyna możliwość to robienie tego dynamicznie za pomocą JS, ale nie mam koncepcji jak tego dokonać.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Paul
post
Post #2





Grupa: Zarejestrowani
Postów: 636
Pomógł: 0
Dołączył: 22.10.2003
Skąd: Katowice

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

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function my_show_div(obj) {
  5. 	obj = document.getElementById(obj);
  6. 	obj.style.display == 'none' ? obj.style.display = '' : obj.style.display = 'none';
  7. }
  8. function my_divs_init(ajdi) {
  9. 	objs = document.getElementsByTagName('div');
  10.  
  11. 	for(i = 0, i2 = 0; i < objs.length; i++) {
  12. 		if(objs[ i ].id == ajdi) {
  13. 			objs[ i ].id = ajdi + i2.toString();
  14. 			i2++;
  15. 		}
  16. 	}
  17.  
  18. 	objs = document.getElementsByTagName('a');
  19. 	for(i = 0, i2 = 0; i < objs.length; i++) {
  20. 		if(unescape(objs[ i ].href) == "javascript: my_show_div('" + ajdi + "');") {
  21. 			objs[ i ].href = "javascript: my_show_div('" + ajdi + i2.toString() + "')";
  22. 			i2++;
  23. 		}
  24. 	}
  25. }
  26. </script>
  27. </head>
  28. <body onload="my_divs_init('spoiler');">
  29.  
  30. <div class='quotetop'>
  31. <a href="javascript: my_show_div('spoiler');">SPOILER</a>
  32. </div>
  33.  
  34. <div id="spoiler"  class='quotemain' style='display: none'>
  35. 1
  36. </div>
  37.  
  38.  
  39. <div class='quotetop'>
  40. <a href="javascript: my_show_div('spoiler');">SPOILER</a>
  41. </div>
  42.  
  43. <div id="spoiler"  class='quotemain' style='display: none'>
  44. 2
  45. </div>
  46.  
  47. <div class='quotetop'>
  48. <a href="javascript: my_show_div('spoiler');">SPOILER</a>
  49. </div>
  50.  
  51. <div id="spoiler"  class='quotemain' style='display: none'>
  52. 3
  53. </div>
  54. </body>
  55. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- matid   Ukrywanie warstwy   28.12.2004, 14:42:10
- - bregovic   AFAIK jeśli nie możesz dać warstwom różnych id, to...   28.12.2004, 17:54:07
- - Paul   [HTML] pobierz, plaintext <html><head...   28.12.2004, 18:48:25
- - gaza   Bardzo mi sie przydalo to rozwiazanie. Mam jednak ...   30.12.2004, 10:18:43
- - Aztech   Mam dodatkowe pytanie, jak zmodyfikowac ten skrypt...   14.02.2005, 23:29:04

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