inserire dati dio variabili nei link

**techno** · 11-03-2009, 20:59

salve a tutti.
Vorrei creare dei link che al suo interno contengono delle stringhe processate da una funzione per cambiare immagine vi faccio un esempio:

<script>
var numero, immagine
function prova(dato1,dato2,dato3,dato4){
var elImmagine=document.getElementByid("IMG"+dato1);
elImmagine.src=dato2+"on.jpg";

numero=dato1;
immagine=dato2;
}
</script>
<body>
<html>
[img]immagine0off.jpg[/img]

[img]immagine1off.jpg[/img]
</body>
</html>

naturalmente non ho inserito nella funzione cosa dovrebbero fare dato3 e dato4 perchè non riesco a farlo funzionare in pratica dato3 e dato4 dovrebbero prendere i dati dalla funzione precendetne in modo che dovrebbe far tornare l'immagine precedente in default.

allora passando col mouse sull'immagine "immagine1" la cambia in "immagine1on" e rimane così quindi nelle variabiili numero=1 e immagine="immagine0" rimanendo così finche non passo il mouse sulla immagine "immagine1" così questa andrebbe su on e immagine0 ritornerebbe a off

spero di essere stato chiaro, lo so è un pò incasinato come lo scritto ma spero che uno di voi abbia capito.

in poche parole le variabili "numero" e "immagine" devono contenere il valore di dato1 e dato2 e che queste variabili devono portare il loro valore qui prova('...','...',numero,immagine)

**artorius** · 11-03-2009, 23:47

Perché non fai così:

[img]immagine0.jpg[/img]
[img]immagine1.jpg[/img]
[img]immagine2.jpg[/img]
[img]immagine3.jpg[/img]
[img]immagine4.jpg[/img]

poi crei una funzione:

codice:

function changeSrc(){
   oldsrc = this.getAttribute("src");
   newsrc = this.getAttribute("over");
   this.setAttribute("src", newsrc);
   this.setAttribute("over", oldsrc);
}

e la associ alle immagini:

codice:

window.onload = function(){
   var allImgs = document.getElementsByTagName("img");
   for(i = 0; i < allImgs.length; i++){
     allImgs[i].onmouseout = changeSrc; 
     allImgs[i].onmouseover = changeSrc;
   }
}

**techno** · 12-03-2009, 13:39

perchè i dato3 e dato4 me servono per far cambiare delle tabelle alla sinistra dei file immagine
ecco perchè ho bisogno di far passare dato1 in numero e dato2 in immagine.

**artorius** · 12-03-2009, 14:04

vabbè aggingi altri attributi custom:

codice:

[img]immagine0.jpg[/img]

poi li ottieni nello stesso modo:

codice:

function changeSrc(){
   oldsrc = this.getAttribute("src");
   newsrc = this.getAttribute("over");

   data1 = this.getAttribute("data1");
   data2 = this.getAttribute("data2");

   this.setAttribute("src", newsrc);
   this.setAttribute("over", oldsrc);
}

**techno** · 12-03-2009, 14:35

scusami am io getAttributes non lo mai usato.

questa funziona deve andare priam di <head>

**artorius** · 12-03-2009, 15:33

dove vuoi, basta che la metti nel tag <script>

Discussione: inserire dati dio variabili nei link

Strumenti discussione

Ricerca discussione

Visualizza

inserire dati dio variabili nei link

Permessi di invio