onMouseOut og <input>

<ole>

- prøv lige igen  :)

/mvh
</bole>

jeg har en div der bliver synlig ved onmousover (får en gul bg-farve) og usynlig ved onmouseout... i den div har jeg en indput box... når musen kommer over den er det som om den ikke længere er over div boxen selvom inputet ligen midt i den...

nej, for så laver du jo faktisk mouseout på div'et - og mouseover på feltet  ;o)

Derfor har MS implementeret onmousenter og onmouseleave:
    http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/events/onmouseenter.asp

- og:
    http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/events/onmouseleave.asp

En løsning kommer anpå resten af koden - og hvordan det præcist skal bruges  :)

det skal kun køre i firefox... er der noget at gøre der?

hvs jeg giver input'et en id kan man så funde ud af om musen er over det?

Denne her burde vel være ret sikker  :)

<script type="text/JavaScript">
function getPos(elm) {
    for(var zx=zy=0;elm!=null;zx+=elm.offsetLeft,zy+=elm.offsetTop,elm=elm.offsetParent);
    return {x:zx,y:zy}
}
function myEnter(o) {
    o.style.background = "yellow";
    document.onmousemove = function(e) {
        var isWithin, x, y, oP = getPos(o);
        e = e ? e : window.event;
        x = e.clientX; y = e.clientY;
        isWithin = (x>oP.x&&x<(oP.x+o.offsetWidth) && y>oP.y&&y<(oP.y+o.offsetHeight)) ? true : false;
        if (!isWithin) myLeave(o);
    }
}
function myLeave(o) {
    o.style.background = "red";
    document.onmousemove = function(){};
}
</script>

<div style="padding:100px">
<div style="width:400px;height:300px;background:red" onmousemove="myEnter(this)">
    <input type="text" style="margin:30px;">
</div>
</div>

kan du ikke skrive helt præcist hvordan jeg får musens position på skærmen... så ken jeg selv lege lidt videre med det...

har løst det... skriv svar for point...

svar  :)