onmouseover hopper sjovt

Jeg kunne forestille mig at det skyldes at når du holder musen over dukker dit billede op, og fra det øjeblik er det reelt billedet musen er over og ikke dit div, så mouseout aktiveres og billedet forsvinder hvorefter musen igen befinder sig over div'et, og så videre.

Giver det mening?

I stedet for at skifte hele innerHTML, kunne du måske lave et standardbillede (o.gif)og gøre noget i stil med:
<script type="text/javascript">
function menu_over(obj, side) {
    obj.firstChild.src = "images/menu_" + side +".gif";
    obj.firstChild.style.height = "100px";   
}
function menu_out(obj) {
    obj.src = "o.gif";
    obj.style.height = "24px";
}
</script>
<div style="left: 400px;" onmouseover="menu_over(this, 'forside');" class="menu"><img src="o.gif" alt="" onmouseout="menu_out(this);"></div>

/psc

Hej!

Psykochicken's forslag er lige hvad jeg har brug for tror jeg... Men det virker stadig ikke helt.


Min kode:

Div
<div onmouseover="menu_over(this, 'forside');" style="left: 400px;" class="menu">
<img src="images/temp.gif" alt="" height="0" onmouseout="menu_out(this);" style="height: 24px;">
</div>

JavaScript funktioner
function menu_over(obj, side) {
    obj.firstChild.src = "images/menu_" + side +".gif";
    obj.firstChild.style.height = "125px";
}

function menu_out(obj) {
    obj.src = "images/temp.gif";
    obj.style.height = "24px";
}

CSS
.menu {
        background-color: #A9D9AA;
        width: 24px;
        height: 24px;
        position: absolute;
        cursor: pointer;
}

Min fejl i firefox:
Fejl: obj.firstChild.style has no properties
Kildefil: script.js
Linje: 3

Og linje 3 er self. så:
obj.firstChild.style.height = "125px";

der må ikke være "linieskift" i:
<div onmouseover="menu_over(this, 'forside');" style="left: 400px;" class="menu">
<img src="images/temp.gif" alt="" onmouseout="menu_out(this);" style="height: 24px;">

...skrives ud i én køre:
<div onmouseover="menu_over(this,'forside');" style="left: 400px;" class="menu"><img src="o.gif" alt="" onmouseout="menu_out(this);" style="height: 24px;">

/psc

Tak det virkede.. Læg et svar...

det kom her ;o)

..og tak for point ;o)