Function reversibile con onMouseOver

[lucialeo0]

Ciao a tutti, sono nuovo, questo è il mio primo post.
Ho creato uno script Javascript, il seguente

<SCRIPT language="javascript">
<!--
function mouseover(x)
{
document.getElementById("bckgrd").style.background Color='#d9dadb';
document.getElementById("home-tot").style.backgroundColor='#d9dadb';
document.getElementById("intest").style.background Color='#d9dadb';
document.getElementById("dot").style.backgroundCol or='#d9dadb';
document.getElementById("links").style.backgroundC olor='#d9dadb';
document.getElementById("dot2").style.backgroundCo lor='#d9dadb';
document.getElementById("contatti").style.backgrou ndColor='#d9dadb';
document.getElementById("mail").style.backgroundCo lor='#d9dadb';
var img6=document.getElementById("6");img6.src="risors e/new_2_invert/portfolio_570x377.png";
var img1=document.getElementById("1");img1.src="risors e/new_2_invert/quadrato_1_570x42.png";
var img2=document.getElementById("2");img2.src="risors e/new_2_invert/lavori_96x15.png";
var img2a=document.getElementById("2a");img2a.src="ris orse/new_2_invert/curriculum_154x15.png";
var img3=document.getElementById("3");img3.src="risors e/new_2_invert/quadrato_2_570x44.png";
var img4=document.getElementById("4");img4.src="risors e/new_2_invert/contatti_570x252.png";
var img5=document.getElementById("5");img5.src="risors e/new_2_invert/mail.png";
}
//-->
</SCRIPT>

che si attiva tramite il comando onMouseOver "collegato" a un <div>

<div id="mouse" onMouseOver="mouseover()"></div>

quello che vi chiedo è come posso fare per annullare le modifiche apportate dalla function tramite un successivo onMouseOver sullo stesso div. In altre parole vorrei che il passaggio del mouse su quel div funga da "interruttore" per la function, quindi al primo passaggio la attivi, al successivo la annulli e cosi via.

[br1]

<SCRIPT language="javascript">
<!--
var flag = false;
function mouseover(x) {
if(!flag) {
  document.getElementById("bckgrd").style.backgroundColor='#d9dadb';
  document.getElementById("home-tot").style.backgroundColor='#d9dadb';
  document.getElementById("intest").style.backgroundColor='#d9dadb';
  document.getElementById("dot").style.backgroundColor='#d9dadb';
  document.getElementById("links").style.backgroundColor='#d9dadb';
  document.getElementById("dot2").style.backgroundColor='#d9dadb';
  document.getElementById("contatti").style.backgroundColor='#d9dadb';
  document.getElementById("mail").style.backgroundColor='#d9dadb';
  var img6=document.getElementById("6");img6.src="risorse/new_2_invert/portfolio_570x377.png";
  var img1=document.getElementById("1");img1.src="risorse/new_2_invert/quadrato_1_570x42.png";
  var img2=document.getElementById("2");img2.src="risorse/new_2_invert/lavori_96x15.png";
  var img2a=document.getElementById("2a");img2a.src="risorse/new_2_invert/curriculum_154x15.png";
  var img3=document.getElementById("3");img3.src="risorse/new_2_invert/quadrato_2_570x44.png";
  var img4=document.getElementById("4");img4.src="risorse/new_2_invert/contatti_570x252.png";
  var img5=document.getElementById("5");img5.src="risorse/new_2_invert/mail.png";
} else {
// altre istruzioni
}
flag = !flag;
}
//-->
</SCRIPT>

ps: l'assegnazione delle immagini


var img6=document.getElementById("6");img6.src="risors e/new_2_invert/portfolio_570x377.png";

meglio scrivere semplicemente cosi':

document.getElementById("6").src="risorse/new_2_invert/portfolio_570x377.png";

pps: non usare ID solo numerici... corri il serio rischio che non funzioni dato che potrebbe essere interpretato come indice numerico e non etichetta

[Vindav]

puoi usare una variabile booleana globale, all'interno della funzione cambia lo stato di questa variabile(true/false). Con un if verifichi lo stato... qualcosa del genere:

annulla = false;

function mouseover(x)
 {
if(annulla)
 ...
else
...

annulla = !annulla;
}

[lucialeo0]

Grazie per il consiglio sulle immagini.
Ora provo e ti faccio sapere.

[lucialeo0]

Grazie mille, funziona benissimo.