nicht angemeldet
Hallo,
ich google mir schon seit Stunden die Finger wund um die sicherlich simple Lösung für mein Problem zu finden, aber es findet sich eben nichts, bzw. nur immer viel zu komplizierte Lösungen. Das Problem: ich habe auf einer Seite 8 kleine Icons in div-tags und möchte nun, dass 7 davon verschwinden, wenn ich mit der Maus auf eines davon zeige. Ich habe ein Script, was aber immer nur immer ein Layer einzeln anspricht.
Hier der Code:
function toggleVisibility(id, NNtype, IEtype, WC3type) { if (document.getElementById) { eval("document.getElementById(id).style.visibility = "" + WC3type + """); } else { if (document.layers) { document.layers[id].visibility = NNtype; } else { if (document.all) { eval("document.all." + id + ".style.visibility = "" + IEtype + """); } } } } //--> </script>
</head> <body style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;
<div id="MAR"> <a href="MAR-toolbox.html" target="Toolbox" onMouseover="toggleVisibility('KIR','hidden','hidden','hidden')" onmouseout="toggleVisibility('KIR','show','viible','visible')"><img src="images/MAR.jpg" alt="" width="60" height="60" border="0"></a></div>
<div id="KIR"> <img src="images/KIR.jpg" alt="" width="60" height="60" border="0"></div> <div id="BSV"> <img src="images/BSV.jpg" alt="" width="60" height="60" border="0"></div> <div id="EVE"> <img src="images/EVE.jpg" alt="" width="60" height="60" border="0"></div> <div id="BLU"> <img src="images/BLU.jpg" alt="" width="60" height="59" border="0"></div>
<div id="MON"> <img src="images/MON.jpg" alt="" width="60" height="60" border="0"></div> <div id="WAL"> <img src="images/WAL.jpg" alt="" width="60" height="60" border="0"></div> <div id="ZWK"> <img src="images/ZWK.jpg" alt="" width="60" height="60" border="0"></div> </body>
Versteht jemand das Problem? Und weiss dann noch Rat?
Das wäre doll...
leajulia, überfordert....