[Javascript] event wijzigen in een event

[TokkeF]

Ik probeer momenteel in een onmouseover event van een foto, het onmousevent van een andere foto te wijzigen. Ik dacht dit zeer eenvoudig zou zijn en heb ik dit met de volgende code gedaan :

function doeiets() {
document.getElementById('thumb1').src='18.jpg'; document.getElementById('thumb1').onmouseover='showImage(3)';
}


de image tumb1 staat als volgt in html :
<img id ='thumb1' src='18.jpg' onmouseover="showImage(0)" >

Wanneer er over de foto wordt gegaan voor dat de functie doeiets() wordt aangesproken wordt showImage(0) correct uitgevoerd. Als ik de functie doeiest() aanroep door middel van een andere onmouseover functie zal de afbeelding thumb1 wijzigen in 18.jpg maar de actie zelf wordt niet correct aangepast. Als ik dan over thumb1 ga gebeurd er niks meer (de actie is dus wel overschreven).

Ik heb hiervoor op verschillende plaatsen staan zoeken maar heb nog niks concreet gevonden waar het aan kan liggen.

Is er iemand die weet waaraan dit zou kunnen liggen ?

[killercow]

Zoek eens naar object.attachEvent, en object.removeEvent.

Dit is trouwens een van de weinig stukken waar IE en de rest andere functies gebruiken voor het zelfde, dus je zult ook met addEventListener, en removeEventListener moeten werken.

HTML:

if(isIE){
 obj.attachEvent('onclick',functienaam);
} else {
 obj.addEventListener('click',functienaam,false);
}

[crisp]

Zolang je geen meerdere functies aan hetzelfde element op hetzelfde event hoeft te hangen kan je net zo goed gewoon de DOM-0 methode gebruiken. Wel is het zo dat in script de event-handler een functie-reference moet zijn en geen string:

JavaScript:

document.getElementById('thumb1').onmouseover = function() { showImage(3) };