[JS] show/hide, zagnieżdżanie Opcje

[Ania-678]

Witam.


Mam taki problem z funkcją JS show/hide i z jego zagnieżdżaniem, a zresztą dam przykład:

[HTML] pobierz, plaintext 
<style type="text/css">
.phide { display: none }
.pvisible { display: block }
</style>
 
<script type="text/javascript" language="javascript">
function hide(obj){
if(document.getElementById(obj).className){
document.getElementById(obj).className = document.getElementById(obj).className=='phide' ? 'pvisible' : 'phide';
}
else{
document.getElementById(obj).className='pvisible';
}
}
</script>
 
<a onclick="hide('test')">test</a><br /><br /><p class="phide" id="test">aaaaaaaaa
 
<br /><br /><br />
<a onclick="hide('test2')">test2</a><br /><br /><p class="phide" id="test2">bbbbbbbbbb</p>
<br /><br />
cccccccccccc</p>
[HTML] pobierz, plaintext 

i problem jest taki iż cccccccccccc jest już POZA hide test2, ale również poza hide test,a powinien do niego należeć (patrzeć na zamykające znaczniki < /p>...

[erix]

Kod

<p class="phide" id="test2">bbbbbbbbbb</p>

Działa prawidłowo przecież. Zamykaj tagi poprawnie, puść to pod validator, to zobaczysz, gdzie tkwi błąd.

[Ania-678]

yyyy... chyba się nie zrozumieliśmy... albo Ja nie rozumiem, bo czy to FF 3.X czy IE 7 to i tak zachowuje się nie tak jak chce, chyba że akapitów nie można zagnieżdżać bo coś mam takie przeczucie...

Ten post edytował Ania-678 8.12.2008, 20:56:50

[erix]

Z tego, co pamiętam, to właśnie nie można.

Poza tym:

[HTML] pobierz, plaintext 
<p class="phide" id="test2">bbbbbbbbbb</p>
<br /><br />
cccccccccccc</p>
[HTML] pobierz, plaintext 

Masz dwa zamknięcia, a tylko jedno otwarcie akapitu.

[Ania-678]

[HTML] pobierz, plaintext 
<p class="phide" id="test">
[HTML] pobierz, plaintext 

A to co to jest przed tymi 3 br'ami ?

Z tego, co pamiętam, to właśnie nie można.

hmmm... to trochę lipa, trzeba chyba coś innego wymyślić...

[ziqzaq]

Może poprostu zmień te tagi "p" na "div", próbowałaś czy daje to efekt taki jaki chcesz?

[Ania-678]

Faktycznie działa, tylko że... div oraz span odpadają bo wykorzystałam je już do innych celów... może ktoś kojarzy jakiś niezbyt typowy (sic!) znacznik w xhtml który no nic nie robi, a można użyc jak np div'a?

[ziqzaq]

Możesz wyjaśnić dlaczego "div" odpada skoro spełnia swoje zadanie?
Jeśli wykorzystałaś divy w innych miejscach to przecież nie oznacza, że nie możesz ich wykorzystać i tu.
PS. "span" jest elementem liniowym (inline) - wiem, wiem, można go ostylować "display:block" - a ty potrzebujesz elementu blokowego (block) i imho div jest w twoim przypadku dobrym rozwiązaniem.

[Ania-678]

Bo to leci do własnej funkcji bbcode a div'y użyłam już do pozycjonowania tekstu (center/right)i jak dam na to też div'y to będzie Mi się kolidować z zamykającym znacznikiem bo JAK odróżnię który od czego?

span zaś do kolorów.

Ale użyłam już abbr i jakoś działa

Ten post edytował Ania-678 9.12.2008, 10:16:42