✔ Mouseover bei DIV

Jukkales

Jukkales

Erfahrenes Mitglied
Ich hab mal eine frage, ich hab einen Div Tag der bei mouseüver angezeigt werden soll udn beu mouseout wieder auf hidden gestellt werden soll

Code: 
<div onmouseover="visibility:visible" onmouseout="visibility: hidden;" style="visibility: hidden; display: block; position: absolute; z-index: 6; top: 37px; left: 50px; width: 152px; height: 31px;">

Ich weiß das das so nicht geht von daher hab ich die frage, wie kann ich das realisiren?
 
Mmmm..rein Prinipiell wäre die Syntax:
Code: 
onwasweisich="this.style.visibility='wasduwillst';"
Allerdings ....wenn etwas unsichtbar ist, feuert dort auch kein Mouse-Event...das wird so also nicht funktionieren.
 
Lösungsvorschlag:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>

<script type="text/javascript">
<!--
function ShowHide(id) {
    obj = document.getElementsByTagName("div");
    if (obj[id].style.visibility == 'visible'){
    obj[id].style.visibility = 'hidden';
    }
    else {
    obj[id].style.visibility = 'visible';
    }
}
//-->
</script>

<style type="text/css">
<!--
#boxDiv
{
visibility: hidden;
position: absolute;
z-index: 6;
top: 37px;
left: 50px;
width: 152px;
height: 31px;
background: #efefef;
}
-->
</style>

</head>
<body>

<a href="#" onmouseover="ShowHide('boxDiv')" onmouseout="ShowHide('boxDiv')">ShowHide</a>

<div id="boxDiv">boxDiv</div>

</body>
</html>
 
Ja wenn ich das hide rasnehme gehts bis zum mouseout

Code: 
<div onmouseover="this.style.visibility='visible'" onmouseout="this.style.visibility='hidden'" style="display: block; position: absolute; z-index: 6; top: 37px; left: 50px; width: 152px; height: 31px;"><img src="images/homehigh.gif" /></div>

So wäre der ganze Code,ich will ja das bei einem Mouseover das bild gezeigt wird und bei Mouseout wieder der hintergrund

//Edit:
Ich habe den Lösungsvorschlag etwas verändert und es geht nun, danke für ihre hilfe
 
Zuletzt bearbeitet:
Dann verstecke nur das Bild:
Code: 
onwasweisich="this.firstChild.style.visibility='wasduwillst';"
this.firstChild bezieht sich dabei auf den ersten Kindknoten des <div>...das ist:das Bild!
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück