div na divie-problem Opcje

[misty]

hej, mam nastepujacy problem. jest tabela, w jednej z jej komorek sa divy. tzn sa 3 divy, ukryte i w zaleznosci od akcji na stronie uaktywnia sie div 1/2/3
Wyglada to tak:
<td>
<div id="div1" style="visibility: hidden;">1</div>
<div id="div2" style="visibility: hidden;">2</div>
<div id="div3" style="visibility: hidden;">3</div>
</td>


Problem jest taki, ze przykladowo wybiore akcja1 to pojawia sie '1' (czyli tak jak powinno). Wybiore akcje dwa, to
pojawi sie '2' ale nie na tej samej pozycji, tylko pod spodem! tak samo byloby dla '3'. Czyli, '1' pokazuje sie jako '1',
'2' wyswietla sie jak <br>2, zas '3' jak <br><br>3.
No bo chyba divy na koncu automatycznie ma <br>? tak czy siak, moje pytanie jest-jak uniknac przesuwania tesktu? zeby 1/2/3 zawsze pojawialy sie w
tym samym miejscu w komorce?


pzdr,
misty

[nospor]

uzyles visibility, ktore powoduje ze div zachowuje swoją pozycje nawet po ukryciu.
POwinienes uzyc display:none - by schowac, display:block - by pokazac

[misty]

hmm, ale jak go pokazac na nowo? bo zrobilam tak:
<div id="div1" style="display: none;">1</div>


a gdzies tam pozniej, w funkcji java script musze go pokazac. Wczesniej robilam to w ten sposob:
$('div1').style.visibility = 'hidden';

a teraz jak powinnam? bo $('div1').display = 'block' nie dziala..


pzdr!

[erix]

Jeśli chcesz ukryć, to ustawiaj na none. Jeśli pokazać, to block. W przypadku display nie mieszaj już do niego visibility. (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

[nospor]

Kod

document.getElementById('div1').style.display = 'block';

[misty]

ale ze mnie gapa.. powinno byc: $('div1').style.display = 'block'. Teraz juz jest, jak chcialam:) dzieki za pomoc!

pzdr,
misty