Mouseover Firefox werkt niet

[Eer]

Ik krijg mijn script maar niet aan de praat met een mouse over in FF.
In IE werkt hij wel

Dit is het script:

var x=0;
var iHideFoto1, iShowFoto1;

function showFoto1(){
//Hieronder 1e subknop fine tunen. ff kijken dat er geen ruimte boven de knop zit, verder hier niets verranderen.
if (x<50){
x=x+1;
document.getElementById('MFoto1').style.top=x;}
}
function showMFoto1(){clearInterval(iHideFoto1);
iShowFoto1 = setInterval("showFoto1()",1);}

function hideFoto1(){ if (x>0){x=x-1;
document.getElementById('MFoto1').style.top=x;}
}
function hideMFoto1(){
clearInterval(iShowFoto1);
iHideFoto1 = setInterval("hideFoto1()",1);}

en dit staat op me main page

<div class="topnavFotografie" onmouseover="javascript:showMFoto1()" onmouseout="javascript:hideMFoto1()"> <br>
<div class="menuFotografie" id="MFoto3" >
<a target=_self href="javascript:fotografie()">Gallery</a>
</div>
<div class="menuFotografie" id="MFoto2" >
<a target=_self href="javascript:fotografie()">Slideshow</a>
</div>
<div class="menuFotografie" id="MFoto1" >
<a target=_self href="javascript:fotografie()">Info</a>
</div> 
</div>
<div class="topnavFotografie" onmouseover="javascript:showMFoto1()" onmouseout="javascript:hideMFoto1()">Fotografie</div>

iemand suggesties?

 

[That Guy]

Als je in Firefox op ctrl+shift+J drukt, krijg je een fouten-console. Daar staat bij mij in:

Fout: fotografie is not defined
Bronbestand: javascript:fotografie()
Regel: 1

En tsja, dat's ook best logisch - je hebt helemaal geen fotografie() functie!

Een groot punt is ook je javascript: links. Je kan beter event handlers gebruiken, of inline javascript. Zoiets:

<a href='#' onclick='javascriptFunctieNaam();'>...</a>

[JS]function javascriptFunctieNaam()
{
//doe iets
}[/JS]


:thumb:

 

[Eer]

de functie fotografie() wordt eerder in de pagina geladen dus die is er bij mij wel gewoon.

In IE werkt alles namelijk prima. Maar in FF en Chrome werken de mouseover en de mouseout in de eerste DIV al niet.

 

[That Guy]

Oh, okay. Heb je in dat geval de complete code, of nog beter, een online voorbeeld? Want hier kunnen we niet zo heel erg veel mee.

 

[Eer]

Als ik de site online zet doet de mouse over het wel (ongeveer dan). Maar als ik hem vanaf de laptop opstart doet hij het niet.

http://testend.host56.com/main.html?x=247&y=109

Om een of andere reden doen de plaatjes het niet bij de online versie (bij mij dan)