verifica e cambio immagine con ciclo for

[cecerchia]

Ciao,

ho una pagina con delle immagini e radio buttons. Vorrei cambiare il colore dell'immagine (da nero a rosso) sul button checked, facendo tornare al neri quelli eventualmente modificati in rosso precedentemente.

Ho provato con questo codice, ma mi sono accorto che si pianta quando comincia l'If. Potete aiutarmi?

function ChangeIcon(img_name){
var imgs = new Array("figura_1","figura_2","figura_3","figura_4") ;
var i;
for (i=0; i<=3; i=i+1)
{
If(imgs[i]==img_name){
document.getElementByName(imgs[i]).src = "img/"+imgs[i]+"_red.png";
}
else
{
document.getElementByName(i).src = "img/"+im[i]+"_black.png";
}
}
}

[hcka]

Originariamente inviato da cecerchia
Ciao,

ho una pagina con delle immagini e radio buttons. Vorrei cambiare il colore dell'immagine (da nero a rosso) sul button checked, facendo tornare al neri quelli eventualmente modificati in rosso precedentemente.

Ho provato con questo codice, ma mi sono accorto che si pianta quando comincia l'If. Potete aiutarmi?

function ChangeIcon(img_name){
	var imgs = new Array("figura_1","figura_2","figura_3","figura_4");
	var i;	
	for (i=0; i<=3; i=i+1)
	{			
		If(imgs[i]==img_name){					
			document.getElementByName(imgs[i]).src = "img/"+imgs[i]+"_red.png";	
		}
		else
		{
			document.getElementByName(i).src = "img/"+im[i]+"_black.png";	
		}				 
  	}
}

Prova a scrivere l'"If" in minuscolo (quindi "if").

Edit: E forse non aiuta il getElementByName (non dovrebbe essere getElementsByName?)...

[cecerchia]

Ho cambiato "If" in "if" e trasformato "getElementsByName". Non cambia nulla.

[cavicchiandrea]

document.getElementByName document.getElementByTagName

Non è detto che sia quello

[cecerchia]

Ho provato document.getElementByTagName, senza successo.

Antonio

[cavicchiandrea]

Per me l'errore è nel ciclo, ma non capisco la logica e non saprei come modificarlo, posta una pagina d'esempio della struttura, corredata da un descrizione esauriente di cosa vuoi fare.

[Xinod]

in quello che hai postato c'e' anche questo errore abbastanza lampante

Originariamente inviato da cecerchia
document.getElementByName(i).src = "img/"+imgs[i]+"_black.png";

[cecerchia]

si, scusate, me ne ero accorto, ma si tratta di un refuso di trascrizione: pur correggendo questo errore il codice non funziona e la cosa sembra strana. Le mie conoscenze si limitano al PhP. Ho forse portato nel codice qualche struttura php che in javascript non va?

[homezappa]

Cercando di risolvere a tentativi, o si &egrave; 'fortunelli' o non si risolve.
Bisogna quindi ragionare:

function ChangeIcon(img_name){
	var imgs = new Array("figura_1","figura_2","figura_3","figura_4");
	var i;	
	for (i=0; i<=3; i=i+1)
	{			
		if(imgs[i]==img_name){					
			document.getElementById(imgs[i]).src = "img/"+imgs[i]+"_red.png";	
		}
		else
		{
			document.getElementById(imgs[i]).src = "img/"+imgs[i]+"_black.png";	
		}				 
  	}
}

Ovviamente, nel codice html, avrai:

[img]figura_1_black.png[/img]
[img]figura_2_black.png[/img]
[img]figura_3_black.png[/img]
[img]figura_4_black.png[/img]

HTH
Zappa

[cecerchia]

Grazie per il supporto e la collaborazione! funziona tutto.

Antonio