[JS] eventi onClick, onMouseOver, onMouseOut tutti insieme

[ivy_76]

Ciao

ho un immagine sulla quale ho impostato i 3 eventi in oggetto. Quello che voglio è:

- quando passo sopra all'immagine, viene caricata una seconda immagine più enfatizzata
rispetto la prima (onMouseOver) -> ok funziona
- quando esco dall'immagine caricata viene caricata quella iniziale (onMouseOut)-> ok funziona
- quando clicco (onClick) deve essere caricata la seconda immagine più enfatizzata del primo punto. -> funziona in parte

Il 3 punto funziona in parte : quando clicco l'immagine cambia ma appena mi sposto con il mouse, torna l'immagine iniziale. Io invece vorrei che la seconda immagine restasse fissa.
Come posso fare ?

dal punto di vista logico io ho fatto cosi:

[img]..[/img]

[deleted_110]

prova a fare qualcosa del genere

onClick="carica 2 immagine; this.onMouseOut=''"

credo dovrebbe funzionare

[ivy_76]

Ho cercato di fare quello che mi ha detto però funziona esattamente come prima. Guarda il codice:

[img]img/2.jpg[/img]


E questa è la funzione

function clicca()
{
document.images['x'].src='img/3.jpg';
}

NB : nell'onclick ho messo direttamente l'evento del mouseOver perché altrimenti c'è il problema dell'interruzione degli apici

[deleted_110]

onClick="images['x'].src='img/3.jpg'; this.setAttribute('onmouseout', '')">

cosi' funziona

onmouseout va tutto minuscolo quando lo usi in javascript.


N.B.
se facevo this.onmouseout='' lo script funzionava sotto IE, mentre sotto FF funzionava solo se cliccavo una seconda volta :master: Ecco perche' ho usato setAttribute

P.S.
Che problema di interruzione apici?

[deleted_110]

ma perche' usi images['x']?

non puoi usare this?

tipo

onMouseOver="this.src='nomeimmagine'"

[br1]

Vedi se puoi adattare qualcosa di simile:

<style>
a.pippo {display:block;width:50px;height:22px;background-image: url('immagine1.gif');
}
a.pippo:hover {background-image: url('immagine2.gif');
}
a.pluto {display:block;width:50px;height:22px;background-image: url('immagine2.gif');
}
</style>

prova

ciao

[ivy_76]

Ottimo ragazzi ! Funziona alla grande. Alla fine ho preferito usare la soluzione JS.

Usavo images['x'] perché non avevo pensato ad usare l'operatore THIS

Ciao e grazie