celle .. e immagini che cambiano al click

[angelicab]

vediamo se riesco a spiegare .....

ho una pagina con una tabella...
questa tabella è divisa in 100 celle ...
ognuna delle 100 celle contiene un'immagine bianca ..
quando l'utente clicca su una cella .. l'immagine cambia .. e diventa rossa ..
se l'utente clicca su un'altra cella a caso .. l'immagine che in precedenza era diventata rossa .. deve tornare bianca .. e quella cliccata per ultima diventa rossa ...

pensavo di usare le immagini di rollover di dreamweaver .. ma non va ..

aiutini?

[stiffa]

dovresti postare il codice per intero....
con javascript deve funzionare basta che ti riferisci sempre agli elementi che vuoi gestire in maniera corretta :

document.getElementById('id_immagine').proprieta'

ciaooo

[angelicab]

sto usando il codice che crea dreamweaver cioè questo ..

<script>
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>

[img]../../img/33_blank.gif[/img]

[stiffa]

.....abb incasinato...non ho abb tempo per mettermi li a leggerlo bene.

Fai cosi....(a manina come gli antichi insegnano)

metti id alle immagini che vuoi cambiare

[img]sdaasd.png[/img]

e sul bottone all'onmouseover lanci una funzione da te preparata

<input type ="button" onmouseover="changeImg('adduser','immagineover.png ')">


ed ecco la funzione


function changeImg(ID,image){
document.getElementById(ID).src=image;
}

[angelicab]

ma se l'utente fa 10 click .. si ritrova con 10 immagini cambiate .. invece deve vederne solo 1...

[83icaro]

supponiamo che hai un link sull'immagine
basta inserire questo

[img]img1.png[/img]

dove i è l'indice dell'immagine all'interno dela pagina, se hai solo quella è 0 altrimenti.. bo provale tutte una per una