misty
28.11.2008, 11:46:01
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
28.11.2008, 11:49:17
uzyles visibility, ktore powoduje ze div zachowuje swoją pozycje nawet po ukryciu.
POwinienes uzyc display:none - by schowac, display:block - by pokazac
misty
28.11.2008, 12:02:07
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
28.11.2008, 12:04:56
Jeśli chcesz ukryć, to ustawiaj na
none. Jeśli pokazać, to
block. W przypadku
display nie mieszaj już do niego
visibility.
nospor
28.11.2008, 12:05:01
Kod
document.getElementById('div1').style.display = 'block';
misty
28.11.2008, 12:05:11
ale ze mnie gapa.. powinno byc: $('div1').style.display = 'block'. Teraz juz jest, jak chcialam:) dzieki za pomoc!
pzdr,
misty
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.