[Javascript] proprietà OnMouseOver/OnMouseOut

[hackharo]

Ciao a tutti,
avrei bisogno di creare il classico effetto bottone per cui quando si passa sopra un'immagine con il mouse cambia,e quando si sposta nuovamente il mouse ritorna normale.
Avrei però bisogno di farlo attraverso una funzione javascript senza toccare il codice html, mi spiego:

non posso fare
<img src="..." onmouseover="funzione()" onmouseout="funzione()">

ma posso assegnare un id all'immagine
<img id="immagine1">

e accedervi mediante javascript
document.getElementById('immagine1').onMouseOver
document.getElementById('immagine1').onMouseOut

Tuttavia non so come sfruttare queste due proprietà: ho provato con questo codice ma non funziona:

<script>
if(document.getElementById('immagine1').onMouseOver){
document.getElementById('immagine1').src = "indirizzo";
}
</script>

Puoi utilizzare la funzione addEvent:

var oElement = document.getElementById("my-div");
    // Note that the addEvent function referred to below is a custom function, not built-in
    addEvent(oElement, "click", handleClick);
    function handleClick(){
        // This code below will fail because of IE's incorrect reference for the "this" keyword
        var strElementId = this.getAttribute("id");
    } 

Esempio preso da http://www.robertnyman.com/2006/08/3...vent-solution/

[darkwolf]

Vedi se va bene questo: Rimosso link obsoleto.

darkworlf, ha espressamente detto che non vuole onmouseover nell' href

[darkwolf]

darkworlf, ha espressamente detto che non vuole onmouseover nell' href

Hai ragione!

[hackharo]

Grazie mille ho risolto!

[darkwolf]

Grazie mille ho risolto!

Magari scrivi come, potrebbe tornare utili ad altri