Vuoto di memoria onMouseOver

[vivepix]

Ho cercato su HTML.it, ho trovato gli eventi, ma nessun esempio di onMouseOver & onMouseOut che cambi la classe CSS di un DIV al passaggio. Ho un vuoto!!! lo sapevo mah...

[Mega69]

window.onload=function() {
  document.getElementById("tuoelem").onmouseover=function() { this.className="classe1"; }
  document.getElementById("tuoelem").onmouseout=function() { this.className="classe2"; }
}

[vivepix]

Grazie Mega!!! ma il metodo di inserirlo all'interno del DIV, esempio...

<div id="menulink" onclick="scenetta.toggle(); return false"> 

che al onmouseover l'id diventi menulink2???

[Mega69]

Preferirei cambiare la classe, ma se vuoi cambiare l'id...

<div id="menulink" onclick="scenetta.toggle(); return false" onmouseover="this.id='menulink2'" onmouseout="this.id='menulink'">

[vivepix]

Meglio la Classe dell'ID???

[Mega69]

A mio parere l'id non andrebbe mai cambiato, preferisco cambiare la classe. In questo caso sostituisci a .id .className

[vivepix]

Mega, curiosità, può portare qualche problema a cambiare l'ID e non la CLASSE???

[Mega69]

Non credo che potrebbe dare rogne, se non in casi eccezzionali.

E' anche vero che se vuoi fare la stessa operazione con + elementi, cambiare l'id è molto scomodo.