[js]Ukrywanie divów / rozwijane menu Opcje

[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:

[HTML] pobierz, plaintext 
<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';
		}
	}
}
</script>
<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)" />
[HTML] pobierz, plaintext 

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:

[HTML] pobierz, plaintext 
<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>
              <span class="allegro">Allegro.pl</span></p>
            <p align="center" class="styl10">czy</p>
            <p align="center" class="ogloszenie">Ogłoszenia?</p>
          </div>
 
<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>
              <span class="allegro">Allegro.pl</span></p>
            <p align="center" class="styl10">czy</p>
            <p align="center" class="ogloszenie">Ogłoszenia?</p>
          </div>       
 
        <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>
</dl>
          </p>
          <script type="text/javascript">
// <![CDATA[
new Menu('menu0');
// ]]>
</script></div>
[HTML] pobierz, plaintext 

Gdzie mam błąd? Dlaczego te divy się nie chcą pojawiać?

[Wicepsik]

[HTML] pobierz, plaintext 
onClick="pokaz('A2');"
[HTML] pobierz, plaintext 

[hunter209]

dziękuję. Oczywiście poprawiłem, ale nadal nie działa

Może udostępnić pliki, a nie sam kod?

[pepto83]

Masz błąd w kodzie, nie zamknąłeś cudzysłowia:

[HTML] pobierz, plaintext 
<dd class="styl19" onClick="pokaz(A2">allegro</dt>
[HTML] pobierz, plaintext 

poza tym zmień nazwy div-ów na wartości numeryczne i wszystko będzie ok