cambio immagine al click

[pippaccia1971]

salve a tutti
ho bisogno di fare in modo che al click sull'immagine , l'immagine venga cambiata con una nuova... e fin qui il codice sottostante funziona
non funziona quando riclicco nuovamente sull'immagine... perchè invece di cambiare nuovamente e tornare allo stato iniziale rimane com'era prima..
potete aiutarmi?
grazie mille

[img]../Images/PlusButton.gif[/img]

<script language="JavaScript" type="text/javascript">
<!--
function Changes(anImage) { 						 
    if(anImage.src.indexOf('../Images/PlusButton.gif')!= -1)
   {	
      anImage.src='../Images/PlusButton.gif';
  } 
  else 
  {								
      anImage.src='../Images/PlusButtonDepressed.gif'; 
   }   

}
//-->
</script>

[pippaccia1971]

ok ho risolto cosi

<script language="JavaScript" type="text/javascript">
	<!--
	function Changes(anImage) { 						 
	
	 if(anImage.src.indexOf('PlusButton.gif')!= -1)
	  {	
		anImage.src='../Images/PlusButtonDepressed.gif';
	  } 
	  else 
	  {								
		anImage.src='../Images/PlusButton.gif'; 
	  }   
	}
	//-->
</script>

ma come faccio da una funzione a cambiare la stessa immagine che si ripete in più righe con ciclo do while???
nell'esempio sotto al CLICK mi cambia soltanto l'immagine della prima riga e basta
per cambiarle tutte?????

esempio
questa funzione javascript

<a href="javascript:DivStatus( 'mondiv' );" onclick="Change(this)"><font face="verdana, sans-serif" color="#E2E2E2" size="1"><div id="id1" align=center valign=bottom>Apri</div></font>
<script language="JavaScript" type="text/javascript">
	<!--
function Change(anImage) 
{ 
 if(document.getElementById("id1").innerHTML != 'Chiudi')
  {	
    document.getElementById("id1").innerHTML='Chiudi'	
    document.getElementById("ID_Image").src='PlusButtonDepressed.gif';	//non funziona					
  } 
else 
  {	
    document.getElementById("id1").innerHTML='Apri'	
    document.getElementById("ID_Image").src='PlusButton.gif';	//non funziona		
  }   
}
	//-->
</script>

</a>

[pippaccia1971]

ok ho risolto cosi

<script language="JavaScript" type="text/javascript">
	<!--
	function Changes(anImage) { 						 
	
	 if(anImage.src.indexOf('PlusButton.gif')!= -1)
	  {	
		anImage.src='../Images/PlusButtonDepressed.gif';
	  } 
	  else 
	  {								
		anImage.src='../Images/PlusButton.gif'; 
	  }   
	}
	//-->
</script>

ma come faccio da una funzione a cambiare la stessa immagine che si ripete in più righe con ciclo do while???
nell'esempio sotto al CLICK mi cambia soltanto l'immagine della prima riga e basta
per cambiarle tutte?????

esempio
questa funzione javascript

<a href="javascript:DivStatus( 'mondiv' );" onclick="Change(this)"><font face="verdana, sans-serif" color="#E2E2E2" size="1"><div id="id1" align=center valign=bottom>Apri</div></font>
<script language="JavaScript" type="text/javascript">
	<!--
function Change(anImage) 
{ 
 if(document.getElementById("id1").innerHTML != 'Chiudi')
  {	
    document.getElementById("id1").innerHTML='Chiudi'	
    document.getElementById("ID_Image").src='PlusButtonDepressed.gif';	//non funziona					
  } 
else 
  {	
    document.getElementById("id1").innerHTML='Apri'	
    document.getElementById("ID_Image").src='PlusButton.gif';	//non funziona		
  }   
}
	//-->
</script>

</a>

[pippaccia1971]

la funzione dovrebbe essere document.images[]
ma non so come applicarla mi aiutate x favore???

[cavicchiandrea]

No il problema non è li, ritengo sia la logica legata agli id, posta un link alla demo pubblica per vedere il tutto in funzione.