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:
<script language="JavaScript" type="text/javascript"> function pokaz(pokaz_id){
var elementy = document.getElementsByTagName('div');
for(i = 0; i < elementy.length; i++){
var element_id = elementy[i].getAttribute('id');
if(element_id >= 1 && element_id <= 4){
if(element_id == pokaz_id)
elementy[i].style.display = 'block';
else
elementy[i].style.display = 'none';
}
}
}
<div id="1" style="display:none;">to jest pierwszy element
</div> <div id="2" style="display:none;">to jest drugi element
</div> <div id="3" style="display:none;">to jest trzeci element
</div> <div id="4" style="display:none;">to jest czwarty element
</div> <input type="button" value="pokaz pierwszy" onclick="pokaz(1)" /> <input type="button" value="pokaz drugi" onclick="pokaz(2)" /> <input type="button" value="pokaz trzeci" onclick="pokaz(3)" /> <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ć

Oto mój kod:
<div id="A1" style="display: none; position: absolute; width: 619px; z-index: 1; align=; left: 290px; height: 568px;"left> <p align="center" class="styl11">Witaj!
</p> <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> <p align="center" class="styl10">Ta strona jest moją
<span class="stylZ16">wizytówką
</span>, znajdzesz tutaj potrzebne informacje.
</p> <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> <p align="center" class="styl10">Wybierz interesującą Cię ofertę! Trafiłeś tutaj z:
</p> <p align="center" class="styl10"><br> <p align="center" class="styl10">czy
</p> <p align="center" class="ogloszenie">Ogłoszenia?
</p>
<div id="A2" style="display:none; position: absolute; width: 619px; z-index: 1; align=; left: 290px; height: 568px;"left> <p align="center" class="styl11">Witaj!2
</p> <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> <p align="center" class="styl10">Ta strona jest moją
<span class="stylZ16">wizytówką
</span>, znajdzesz tutaj potrzebne informacje.
</p> <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> <p align="center" class="styl10">Wybierz interesującą Cię ofertę! Trafiłeś tutaj z:
</p> <p align="center" class="styl10"><br> <p align="center" class="styl10">czy
</p> <p align="center" class="ogloszenie">Ogłoszenia?
</p>
<div style="position: absolute; width: 200px; z-index: 1; align="left> <p class="styl11">Menu:
<hr></p><dl id="menu0"> <dt class="styl10" onClick="pokaz(A1)">strona glowna
</dt> <dt class="styl10">Oferta
</dt> <dd class="styl19" onClick="pokaz(A2">allegro
</dt> <dd class="styl19" onClick="pokaz(3)" />sprzedaż osobista
</dt> <dd class="styl19">cos tam
</dd> <dt class="styl10">Nagłówek 2
</dt> <dd class="styl19">Element 2.1
</dd> <dd class="styl19">Element 2.2
</dd> <dd class="styl19">Element 2.3
</dd> <dt class="styl10">Nagłówek 3
</dt> <dd class="styl19">Element 3.1
</dd> <dd class="styl19">Element 3.2
</dd> <dd class="styl19">Element 3.3
</dd> <script type="text/javascript"> // <![CDATA[
new Menu('menu0');
// ]]>
Gdzie mam błąd? Dlaczego te divy się nie chcą pojawiać?