Hjælp til onmouseevent
God aften eksperter :)Jeg har følgende kode:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script type="text/JavaScript">
var ib2_isExpanded = true;
var ib2_heightCollapsed = 0;
var ib2_heightExpanded;
var ib2_elmBox;
function ib2_expandCollapse() {
ib2_resizeTowards(ib2_isExpanded ? ib2_heightCollapsed : ib2_heightExpanded);
ib2_isExpanded = !ib2_isExpanded;
}
function ib2_resizeTowards(targetHeight, hideWhenFinished) {
curHeight = ib2_elmBox.offsetHeight;
if (curHeight < targetHeight) { // Expanding
nextHeight = Math.min(targetHeight, curHeight + 8);
} else { // Collapsing
nextHeight = Math.max(targetHeight, curHeight - 12);
}
// Resize ... and continue if target is not met
ib2_elmBox.style.height = nextHeight + 'px';
if (nextHeight != targetHeight) {
window.setTimeout('ib2_resizeTowards(' + targetHeight + ', ' + hideWhenFinished + ');', 25);
} else if (hideWhenFinished) {
ib2_elmBox.style.visibility = 'hidden';
}
}
function ib2_init() {
ib2_elmBox = document.getElementById('infobox2');
ib2_heightExpanded = ib2_elmBox.offsetHeight;
ib2_elmBox.style.height = 0;
ib2_elmBox.style.visibility = 'visible';
ib2_isExpanded = false;
ib2_resizeTowards(ib2_heightCollapsed, false);
}
window.onload = ib2_init;
</script>
</head>
<body>
<a style="display: block; position: relative" href="#" onmouseover="ib2_expandCollapse();" onmouseout="ib2_expandCollapse();">
<img style="position: absolute" src="http://www.jensgram.dk/gfx/jensgram2007.jpg" />
<div id="infobox2" style="visibility: hidden; position: absolute; background: red; overflow: hidden">Her er noget tekst<br />Og mere...</div>
</a>
</body>
</html>
Dog skal jeg have hjælp til at få rettet noget.. Når man forlader billedet via tekstfeltet så forsvinder tekstfeltet desværre ikke. Altså skal der rodes lidt med onmouseeventen.. Kan i hjælpe?
