onmouseover vis det rigtige
Jeg har nedenstående kodeeksempel.Som det fungerer nu, sker der "ingenting" når man kører over billedet i div'et. Eller dvs. hvis man indsætter alert() i funktoinen så kan man se at der sker noget når man kører over billedet, men det fungerer ikke efter hensigten. Div'et skal forblive "Musen er over billedet" så længe musen er over billedet.
Kan nogen fortælle hvordan jeg får det til at fungerer efter hensigten?
og et ekstra spm. Hvordan optimerer jeg denne: if(info != '')
<html>
<head>
<script type="text/javascript" >
function vis_infobar(info) {
var infobar = document.getElementById('infobar');
if(info != '') {
infobar.style.display='block';
infobar.innerHTML = info;
} else {
infobar.style.display='none';
}
}
</script>
</head>
<body>
<div style="position: absolute; left: 50%; display: none; border: 1px solid; width:150px; height: 50px;" id="infobar" ></div>
<div style="width: 200px; height: 200px; margin: auto; border: 1px solid;" onmouseover="vis_infobar('Musen er over div');" onmouseout="vis_infobar('');" >
<img src="etbillede.jpg" onmouseover="vis_infobar('Musen er over billedet');" onmouseout="vis_infobar('');" >
</div>
</body>
</html>