Archief - dHTML: layers tonen/ verbergen op valid manier

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
L

Le Preinz

Legacy Member
Momenteel werkt mijn methode enkel in IE en opera. Hoe zorg ik dat deze ook werkt in firefox? Of hoe zou ik het totaal anders moeten aanpakken?

in eerste instantie zet ik div op via css

#layer{
visibility:hidden;
}

Vervolgens 2 functies in js:

function toon(abc)
{
document.all(abc).style.visibility="visible";
}

function verberg(abc)
{
document.all(abc).style.visibility="hidden";

}

En dan in code zelf de oproep:

<div id="001">bla bla bla</div>
<a href="pic.jpg" onmouseover="toon('001')" onmouseout="verberg('001')">toon-verberg</a>
L

LunchBox

Legacy Member
je moet uiteraard in je aanroep van onmouseover/onmouseout de juiste id doorgeven naar je functie: (valid & werkende remake van jouw versie)

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
  <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
  <title></title>
    <style type="text/css"><!--
	  #layer{visibility:hidden;} 
	--></style>
	<script type="text/javascript"><!--
	  function toon(abc){document.getElementById(abc).style.visibility="visible"; }
	  function verberg(abc){document.getElementById(abc).style.visibility="hidden"; } 
	--></script>
</head>
<body>
  <div>
    <div id="layer">bla bla bla</div> 
    <a href="pic.jpg" onmouseover="toon('layer')" onmouseout="verberg('layer')">toon-verberg</a>
  </div>
</body>
</html>
je geeft de id-naam 'layer' door in de aanroep: toon('layer'), deze neemt de plaats in van abc die op zijn beurt binnen je functie gebruikt kan worden. hier ga je dan bepalen welk element layer precies is via document.getElementById('idName'), daarvan spreek je de style aan en meerbepaald de property visibility.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan