Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js]Ukrywanie divów / rozwijane menu
Forum PHP.pl > Forum > Przedszkole
hunter209
Witajcie forumowicze! Chciałbym prosić Was o pomoc. Siedzę nad jednym prostym kodem i nie mogę dać sobie z nim rady... Chcę zrobić stronę na divach, tak, żeby się nie przeładowywała (ukryty tekst w divach) ale nie mogę go połączyć z wysuwanym menu.

Znalazłem taki kod na waszym forum:

  1. <script language="JavaScript" type="text/javascript">
  2. function pokaz(pokaz_id){
  3. var elementy = document.getElementsByTagName('div');
  4.  
  5. for(i = 0; i < elementy.length; i++){
  6. var element_id = elementy[i].getAttribute('id');
  7. if(element_id >= 1 && element_id <= 4){
  8. if(element_id == pokaz_id)
  9. elementy[i].style.display = 'block';
  10. else
  11. elementy[i].style.display = 'none';
  12. }
  13. }
  14. }
  15. <div id="1" style="display:none;">to jest pierwszy element</div>
  16. <div id="2" style="display:none;">to jest drugi element</div>
  17. <div id="3" style="display:none;">to jest trzeci element</div>
  18. <div id="4" style="display:none;">to jest czwarty element</div>
  19. <input type="button" value="pokaz pierwszy" onclick="pokaz(1)" />
  20. <input type="button" value="pokaz drugi" onclick="pokaz(2)" />
  21. <input type="button" value="pokaz trzeci" onclick="pokaz(3)" />
  22. <input type="button" value="pokaz czwarty" onclick="pokaz(4)" />


Zmieniłem w nim tylko <input> na <dt> i <dd>. Wysuwane menu działa poprawnie, ale divy nie chcą sie pojawiać sad.gif Oto mój kod:

  1. <div id="A1" style="display: none; position: absolute; width: 619px; z-index: 1; align=; left: 290px; height: 568px;"left>
  2. <p align="center" class="styl11">Witaj!</p>
  3. <p align="center" class="styl10">Ta strona powstała po to, by przybliżyć Ci moją ofertę <span class="stylZ16">roślin owadożernych</span>.</p>
  4. <p align="center" class="styl10">Ta strona jest moją <span class="stylZ16">wizytówką</span>, znajdzesz tutaj potrzebne informacje.</p>
  5. <p align="center" class="styl10">Trafiłeś tutaj z serwisu Allegro.pl lub z moich ogłoszeń :) Serdecznie zpraszam do zapoznania się z <span class="stylZ16">drapierzną ofertą</span> :)</p>
  6. <p align="center" class="styl10">Wybierz interesującą Cię ofertę! Trafiłeś tutaj z:</p>
  7. <p align="center" class="styl10"><br>
  8. <span class="allegro">Allegro.pl</span></p>
  9. <p align="center" class="styl10">czy</p>
  10. <p align="center" class="ogloszenie">Ogłoszenia?</p>
  11. </div>
  12.  
  13. <div id="A2" style="display:none; position: absolute; width: 619px; z-index: 1; align=; left: 290px; height: 568px;"left>
  14. <p align="center" class="styl11">Witaj!2</p>
  15. <p align="center" class="styl10">Ta strona powstała po to, by przybliżyć Ci moją ofertę <span class="stylZ16">roślin owadożernych</span>.</p>
  16. <p align="center" class="styl10">Ta strona jest moją <span class="stylZ16">wizytówką</span>, znajdzesz tutaj potrzebne informacje.</p>
  17. <p align="center" class="styl10">Trafiłeś tutaj z serwisu Allegro.pl lub z moich ogłoszeń :) Serdecznie zpraszam do zapoznania się z <span class="stylZ16">drapierzną ofertą</span> :)</p>
  18. <p align="center" class="styl10">Wybierz interesującą Cię ofertę! Trafiłeś tutaj z:</p>
  19. <p align="center" class="styl10"><br>
  20. <span class="allegro">Allegro.pl</span></p>
  21. <p align="center" class="styl10">czy</p>
  22. <p align="center" class="ogloszenie">Ogłoszenia?</p>
  23. </div>
  24.  
  25. <div style="position: absolute; width: 200px; z-index: 1; align="left>
  26. <p class="styl11">Menu:<hr></p><dl id="menu0">
  27. <dt class="styl10" onClick="pokaz(A1)">strona glowna</dt>
  28. <dt class="styl10">Oferta</dt>
  29. <dd class="styl19" onClick="pokaz(A2">allegro</dt>
  30. <dd class="styl19" onClick="pokaz(3)" />sprzedaż osobista</dt>
  31. <dd class="styl19">cos tam</dd>
  32. <dt class="styl10">Nagłówek 2</dt>
  33. <dd class="styl19">Element 2.1</dd>
  34. <dd class="styl19">Element 2.2</dd>
  35. <dd class="styl19">Element 2.3</dd>
  36. <dt class="styl10">Nagłówek 3</dt>
  37. <dd class="styl19">Element 3.1</dd>
  38. <dd class="styl19">Element 3.2</dd>
  39. <dd class="styl19">Element 3.3</dd>
  40. </dl>
  41. </p>
  42. <script type="text/javascript">
  43. // <![CDATA[
  44. new Menu('menu0');
  45. // ]]>
  46. </script></div>


Gdzie mam błąd? Dlaczego te divy się nie chcą pojawiać? sad.gif
Wicepsik
  1. onClick="pokaz('A2');"
hunter209
dziękuję. Oczywiście poprawiłem, ale nadal nie działa sad.gif

Może udostępnić pliki, a nie sam kod?
pepto83
Masz błąd w kodzie, nie zamknąłeś cudzysłowia:

  1. <dd class="styl19" onClick="pokaz(A2">allegro</dt>


poza tym zmień nazwy div-ów na wartości numeryczne i wszystko będzie ok snitch.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.