Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> 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
bregovic
post
Post #2





Grupa: Zarejestrowani
Postów: 562
Pomógł: 15
Dołączył: 8.08.2003
Skąd: Denmark/Odense

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

AFAIK jeśli nie możesz dać warstwom różnych id, to nie przejdzie. Chyba żebyś używając DOM znalazł następny div, i go pokazał - ale to jest już wyższa szkoła myślenia...
Go to the top of the page
+Quote Post
Paul
post
Post #3





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
gaza
post
Post #4





Grupa: Zarejestrowani
Postów: 61
Pomógł: 0
Dołączył: 22.06.2003

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

Bardzo mi sie przydalo to rozwiazanie.
Mam jednak jedno pytanie.

Nie bardzo znam jeszcze JS , a chcialbym w zaleznosci od tego czy ukrywam , czy pokazuje, zmieniac nazwe linku.

Pozdrawiam
Go to the top of the page
+Quote Post
Aztech
post
Post #5





Grupa: Zarejestrowani
Postów: 276
Pomógł: 3
Dołączył: 22.10.2003
Skąd: Wrocław

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

Mam dodatkowe pytanie, jak zmodyfikowac ten skrypt tak na samym poczatku
a) newsy byly zwiniete
(IMG:http://forum.php.pl/style_emoticons/default/cool.gif) jesli roziwne jeden news to wszystkie pozostale sie zwina?

ad a) ten problem rozwiazalem tak ale nei wiem jak se poradzic z drugim
[HTML] pobierz, plaintext 
  1. function my_show_div(obj) {
  2.   obj = document.getElementById(obj);  
  3.   obj.style.display == '' ? obj.style.display = 'none' : obj.style.display = ''; 
  4. }
  5.  
  6. function my_divs_init(ajdi) {
  7.   objs = document.getElementsByTagName('div');
  8.  
  9.   for(i = 0, i2 = 0; i < objs.length; i++) {
  10.     if(objs[ i ].id == ajdi) {
  11.       objs[ i ].id = ajdi + i2.toString();
  12.       i2++;
  13.       objs[i].style.display = 'none';
  14.     }
  15.   }
  16.   objs = document.getElementsByTagName('a');
  17.   for(i = 0, i2 = 0; i < objs.length; i++) {
  18.     if(unescape(objs[ i ].href) == "javascript: my_show_div('" + ajdi + "');") {
  19.       objs[ i ].href = "javascript: my_show_div('" + ajdi + i2.toString() + "')";
  20.       i2++;
  21.     }
  22.   }
  23. }
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
« 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: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 15.09.2025 - 04:35
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn