Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: div na divie-problem
Forum PHP.pl > Forum > XML, AJAX
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. 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
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.