Problema con cambio immagine

[ice182]

PARTE HTML

[img]../include/arrows_right.gif[/img]

[img]../include/arrows_right.gif[/img]

[img]../include/arrows_right.gif[/img]


FUNZIONE JAVASCRIPT

function cambia(ide)
{
arrowd = new Image();
arrowd.src = "../include/arrows_down.gif";


var percorsoimg="document.arrow"+ide;
percorsoimg.title = "Chiudi dettagli";
percorsoimg.src = arrowd.src;
}


Quando clicco sull'immagine non succede nulla...credo che il problema sia in "percorsoimg".

Qualcuno può aiutarmi!!??

Grazie!

[Federix]

Sei sicuro che il ondblclick() si possa usare su <img>???

[ice182]

onDbclick l'ho già usato in altri Script con immagini e non mi ha mai dato problemi...comunque per scrupolo ho provato a sostituire onDbclick con l'evento onClick per vedere se era quello ma non è cambiato nulla !!

[Mich_]

Cosa dovrebbe succedere?

la variabile percorso img e`una stringa, che nel tuo caso assume il valore (ad esempio) document.arrow1

Poi assegni un .tile ed un .src a questa stringa, cose che non credo siano valide.

Ma poi che vorresti fartene?

[ice182]

Dovrebbe cambiare l'immagine inserita nell'HTML e visualizzare arrows_down.gif

Sinceramente,come hai detto tu,non sò se questo sia possibile come l'ho fatto io.

Nella mia pagina le immagini vengono visualizzate in una tabella che si forma grazie un ciclo for in PHP e mi interessava che cliccando su un'immagine,la stessa immagine venga sostituita da l'immagine contenuta nella funzione Javascript.

Grazie a tutti comunque x lo sbatti!!

[Mich_]

Ho capito il senso dello script.

Comunque non puoi trasformare una stringa in oggetto. Una volta c'era eval() per questo, ma non ne e` piu` consigliabile l'uso.

Si puo` agire in modo diversi, ti posto una possibile soluzione (la piu` vicina alla tua logica):

function cambia(ide){
  arrowd = new Image();
  arrowd.src = "../include/arrows_down.gif";

  document.images['arrow'+ide].src = arrowd.src;
}

Pero` il precaricamento andrebbe fatto fuori dalla funzione, in modo da avere la imamgine pronta, non doverla scaricare dal server:

<script ...> (da mettere nella head)

var arrowd = new Image();
arrowd.src = "../include/arrows_down.gif";
var arrowu = new Image();
arrowu.src = "../include/arrows_up.gif";
...

function cambia(ide){
  document.images['arrow'+ide].src = arrowd.src;
}

[ice182]

Grazie mille!!!