web2 logo

Artikel Links Notities

Toon of verberg een div

Het tonen en verbergen van een DIV via een link kan erg handig zijn wanneer informatie niet altijd te zien hoeft te zijn op een webpagina. Dit kan bijvoorbeeld gebruikt worden voor het plaatsen van commentaar op een blog. Dan heb je geen pop-up of aparte pagina meer nodig. Plak deze code in een extern JavaScript bestand genaamd: toonverbergdiv.js function toggleLayer(whichLayer) { var elem, vis; if(document.getElementById) elem = document.getElementById(whichLayer); vis = elem.style; // controleren of de style.display waarde blank is if(vis.display==''&&elem.offsetWidth!=undefined&&elem.offsetHeight!=undefined) vis.display = (elem.offsetWidth!=0&&elem.offsetHeight!=0)?'block':'none'; vis.display = (vis.display==''||vis.display=='block')?'none':'block'; } Plak deze code in je externe CSS bestand of in het style gedeelte van de Head sectie van je HTML document. div#commentForm { display: none; } Plak deze code in de Head sectie van je HTML document. script type="text/javascript" src="toonverbergdiv.js"/script Plak deze code in de Body sectie van je HTML document div pDit is zomaar een stukje tekst ter opvulling. Dit kan een interessant artikel zijn waarop mensen commentaar willen geven. Het hoeft niets met javascript te maken te hebben./p p style="text-align: right;"a class="commentLink" title="Voeg commentaar toe" href="javascript:toggleLayer('commentForm');"Voeg commentaar toe/a/p div id="commentForm" form id="addComment" action="" method="get" pNaam:br input name="name"br Commentaar:br textarea rows="3" cols="40" name="comment"/textareabr input name="submit" value="commentaar verzenden" type="submit" input onclick="javascript:toggleLayer('commentForm');" name="reset" value="Cancel" type="reset"/p /form /div /div

naar boven

term zoeken

Notitieruimte