SPAN tag onclick=...
Klikk her for å skjule
Klikk her for å vise

SPAN tag onmouseover=...
Mouseover for å skjule
Mouseover for å vise

A(nchor) tag + onmouseover=...
Klikk el. Mousover for å skjule
Klikk el. Mousover for å vise

Innholdet i layeren

Det er 3 forskjellige metoder som kan brukes til Layers
Netscape startet først med LAYERS. Så kom Microsoft med deres type LAYERS som var annerledes enn Netscape's, og til slutt kom W3C med standariseringer som igjen var annerledes enn de to andre standardene. (NB: Netscape 4 fungerer bare med linker, ikke med SPAN eller andre HTML-tagger.)

Dette javascriptet trenger du for å fjerne / vise inholdet:

<script type="text/javascript" language="JavaScript"> <!-- Copyright 2004 Bontrager Connection, LLC function MakeVisible() { if (document.getElementById) { document.getElementById('myLayer').style.visibility = 'visible'; } else if (document.all) { document.all.myLayer.style.visibility = 'visible'; } else if (document.layers) { var l = 'myLayer'; eval('document.' + l + '.visibility="show"'); } } // function MakeVisible() function MakeHidden() { if (document.getElementById) { document.getElementById('myLayer').style.visibility = 'hidden'; } else if (document.all) { document.all.myLayer.style.visibility = 'hidden'; } else if (document.layers) { var l = 'myLayer'; eval('document.' + l + '.visibility="hide"'); } } // function MakeHidden() //--> </script>

Dette er oppsettet for Layeren på siden:

<i>SPAN tag onclick=...</i><br> <span onclick="javascript:MakeHidden()">Klikk her for å skjule</span><br> <span onclick="javascript:MakeVisible()">Klikk her for å vise</span> <br><br> <i>SPAN tag onmouseover=...</i><br> <span onmouseover="javascript:MakeHidden()">Mouseover for å skjule</span><br> <span onmouseover="javascript:MakeVisible()">Mouseover for å vise</span> <br><br> <i>A(nchor) tag + onmouseover=...</i><br> <a href="#" onmouseover="javascript:MakeHidden()">Klikk el. Mousover for å skjule</a><br> <a href="#" onmouseover="javascript:MakeVisible()">Klikk el. Mousover for å vise</a> <div id="myLayer" style="top: 80; left: 400; width: 200px; height: 110px; border-width: 3px; border-color: blue; border-style: solid; padding: 0; position: absolute; visibility: visible; z-index: 100;" align="center"> Innholdet i layeren<br> <a href="http://infolinx-no.com/web" target="_blank"><img src="wstut.jpg" width="200" height="88" border="0"></a> </div>