Trasformare l'attributo rel

**Mega69** · 01-10-2006, 09:58

Ecco una funzione fatta da me che sostituisce tutti gli attributi rel uguali a "il_mio_rel" con un evento onclick:

codice:

function relTransform() {
ancore=document.getElementsByTagName("a");
for (i = 0; i != ancore.length; i++) {
	if(ancore[i].getAttribute("rel")=="il_mio_rel") { 
	pathFile=ancore[i].getAttribute("href");
		ancore[i].setAttribute("href", "#"); 
			ancore[i].onclick=function() { la_mia_funzione(pathFile); }
		}
	}
}

Tutto funziona a meraviglia tranne una cosa: la variabile pathFile, argomento di la_mia_funzione, dovrebbe essere diversa in ogni link, invece mi viene dato come valore sempre l'attributo href dell'ultimo elemento dell'array ancore ( ovvero l'ultimo link con rel="il_mio_rel" ).
Ho provato a sostituire la variabile con un array, ma non funziona lo stesso... Qualche idea?

**Mega69** · 01-10-2006, 10:47

Ecco come in teoria dovrebbe funzionare usando un array e invece non funziona:

codice:

function relTransform() {
ancore=document.getElementsByTagName("a");

for (i = 0; i != ancore.length; i++) {
	if(ancore[i].getAttribute("rel")=="il_mio_rel") { 
	pathFile=new Array;
	pathFile[i]=ancore[i].getAttribute("href");
	window.alert(pathFile[i]);
	ancore[i].setAttribute("href", "#"); 	
			ancore[i].onclick=function() { la_mia_funzione(pathFile[i]); }

		}
	}

}

//questa è per testarla
function la_mia_funzione(variabile) {
window.alert(variabile);
}

Ed ecco un codice html per provarla:

codice:

<html><head><script type="text/javascript" src="test.js"></script></head>
<body onload="relTransform();">
aaaaa
bbbbb
</body>
</html>

Ho messo un window.alert per capire se all'elemento dell'array viene dato un valore, e in effetti si, viene dato. Ma poi nella funzione la_mia_funzione, viene restituito il valore undefined.

**Xinod** · 01-10-2006, 15:08

problema di ambito, queste discussioni dovrebbero aiutarti a risolverlo
http://forum.html.it/forum/showthrea...70#post9686670
http://forum.html.it/forum/showthrea...41#post8879841
http://forum.html.it/forum/showthrea...62#post7568562

**Mega69** · 01-10-2006, 16:49

Scusa la mia (enorme) ignoranza, ma pur avendo fatto varie ricerche sul termine scope e provando a fare una funzione adatta, non sono riuscito ad arrivare una soluzione.
Ho abbozzato una cosa del genere, ma è ovvio che è sbagliata:

codice:

function relTransform() {
ancore=document.getElementsByTagName("a");

	function keepRef() {
			this.pathAssign=pathFile;
			this.mClick=function(){ la_mia_funzione(this.pathAssign) }
		}
for (i = 0; i != ancore.length; i++) {
	if(ancore[i].getAttribute("rel")=="il_mio_rel") { 
	pathFile=ancore[i].getAttribute("href");
	ancore[i].setAttribute("href", "#"); 
			ancore[i]=new keepRef;	
			ancore[i].onclick=ancore[i].mClick;

		}
	}
}

Ho provato a mettere obj come argomento di quella funzione, a levare new keepRef, come avevi fatto tu, ma niente

**Mega69** · 02-10-2006, 19:00

In parole povere sono riusciito a capire le soluzioni, ma non so adatterle al mio problema.

**Mega69** · 02-10-2006, 21:02

up

**Mega69** · 03-10-2006, 15:43

Cacchio, sono ancora alle prese con questo maledetto scope!

**Xinod** · 03-10-2006, 15:49

codice:

<script type="text/javascript" language="Javascript">
function relTransform() {
	var ancore=document.getElementsByTagName("a");
	pathFile=new Array;

	for (i = 0; i < ancore.length; i++) {
		if(ancore[i].getAttribute("rel")=="il_mio_rel") { 
			pathFile[i]=ancore[i].getAttribute("href");
			ancore[i].setAttribute("href","#");

			// -> questo quello che devi aggiungere
			var ancora=ancore[i];
			keepRef(ancora,i)
		}
	}
}
// -> questo quello che devi aggiungere
function keepRef(obj,num){
	obj.onclick=function(){la_mia_funzione(pathFile[num]);return false}
}

//questa è per testarla
function la_mia_funzione(variabile) {
window.alert(variabile);
}
</script>

pathFile chiaramente deve diventare globale

**Mega69** · 03-10-2006, 16:02

Grazie mille! Da solo non ci sarei mai arrivato!

Discussione: Trasformare l'attributo rel

Strumenti discussione

Ricerca discussione

Visualizza

Trasformare l'attributo rel

Permessi di invio