[JavaScript] style eigenschap verwijderen

[EmilneM]

Op een HTML-pagina staat een DIV die door een javascriptje zichtbaar of onzichtbaar wordt gemaakt:

Onzichtbaar:

JavaScript:

document.getElementById(div).style.visibility = 'hidden';

Zichtbaar:

JavaScript:

document.getElementById(div).style.visibility = 'visible';

Nu wil ik dat het visibility-attribuut bij het tweede scriptje niet wordt ingesteld op 'visible' maar verwijderd wordt (Het element wordt dan alsnog zichtbaar omdat de eigenschap dan niet is ingesteld). Hoe krijg ik dit voor elkaar?

Dit werkt niét:

JavaScript:

document.getElementById(div).style.visibility = '';

[Verwijderd]

Bedoel je dit:
document.getElementById("div").style.display = 'block';
en
document.getElementById("div").style.display = 'none';

[ Voor 102% gewijzigd door Verwijderd op 05-01-2005 14:32 ]

[Verwijderd]

inherit?

[T-MOB]

Waarom wil je dit? 'visible' is gewoon de default value voor visibility. Oftwel, als je hem niet zet wordt het precies hetzelfde behandeld... (als wanneer je hem op 'visible' zet).

[ Voor 17% gewijzigd door T-MOB op 05-01-2005 14:35 ]

[EmilneM]

Verwijderd schreef op woensdag 05 januari 2005 @ 14:25:
Bedoel je dit:
document.getElementById("div").style.display = 'block';
en
document.getElementById("div").style.display = 'none';

Tnx! Dit zocht ik!

T-MOB schreef op woensdag 05 januari 2005 @ 14:35:
Waarom wil je dit? 'visible' is gewoon de default value voor visibility. Oftwel, als je hem niet zet wordt het precies hetzelfde behandeld... (als wanneer je hem op 'visible' zet).

Stel je als parent van het element een andere <DIV> voor. Deze <DIV> heeft de style-eigenschap 'VISIBILITY = 'hidden;'. De gehele inhoud van deze <DIV> moet dan onzichtbaar zijn. Als de child dan als style 'VISIBILITY = 'visible;' heeft is deze toch zichtbaar. In mijn situatie mag dit niet.

Er is dus wel degelijk verschil...

[ Voor 24% gewijzigd door EmilneM op 05-01-2005 14:59 ]

[Verwijderd]

je weet dat display: block|none; heel wat anders is dan visibility: hidden|visible|inherit?

[Verwijderd]

hij bedoeld denk ik, moest het wel 3* lezen, dat als je de visibility op hidden zet alleen de inhoud van div verdwijnt de ruimte van de div blijft bestaan. Met display:none "verdwijnt" de hele div en schuiven bijvoorbeeld alle andere divjes op.

Verwijderd schreef op woensdag 05 januari 2005 @ 15:03:
je weet dat display: block|none; heel wat anders is dan visibility: hidden|visible|inherit?

[ Voor 5% gewijzigd door Verwijderd op 05-01-2005 15:12 ]

[EmilneM]

Verwijderd schreef op woensdag 05 januari 2005 @ 15:11:
hij bedoeld denk ik, moest het wel 3* lezen, dat als je de visibility op hidden zet alleen de inhoud van div verdwijnt de ruimte van de div blijft bestaan. Met display:none "verdwijnt" de hele div en schuiven bijvoorbeeld alle andere divjes op.


[...]

ff misverstandje......had dat hele woord 'display' niet gezien....

Ik las het als volgt (en heb het ook zo opgelost):

JavaScript:

document.getElementByID(DIV).visibility = 'none';

[Verwijderd]

quote: http://www.w3.org/TR/REC-CSS2/visufx.html#propdef-visibility

Value: visible | hidden | collapse | inherit
Initial: inherit

none is dus geen geldige waarde, de default waarde is inherit

[ Voor 16% gewijzigd door Verwijderd op 05-01-2005 15:32 ]