Newsgroup: it.comp.lang.javascript
Titolo: Eventi mouse

Salve a tutti, è possibile attivare 3 eventi mouse contemporaneamente?
Vorrei che passando col mouse su un bottone (OnMouseOver) cambiasse
l'immagine e che uscendo dall'area tornasse l'immagine di origine
(OnMouseOut). Fin qui tutto ok.
Inoltre cliccando sull'immagine (OnClick) vorrei che si caricasse una terza
immagine, e ci riesco... il problema è che una volta cliccata l'immagine se
si esce dall'area ritorna la prima immagine
Vorrei invece che una volta fatto il click rimanesse quell'immagine anche
uscendo dall'area
Spero di essere stata chiara
Grazie a tutti e soprattutto a chiunque mi saprà dare una mano!!!

 ha scritto nel messaggio
news:8ia9hr$dk9$1...@nslave2.tin.it...



      * Subject: Eventi mouse
      * Date: Thu, 15 Jun 2000 11:58:05 +0200
      * Organization: TIN
   ----------------------------------------------------------------------
Salve a tutti, è possibile attivare 3 eventi mouse contemporaneamente?
---------------------------
prova questa:
/****************************************************************
FUNZIONI ON(), OFF() e FIX()ROLLOVER
****************************************************************/
/*parte da inserire nel foglio.js*/
function on(imgName) {
	if (document.images) {
		document[imgName].src = eval(imgName + 'on.src');
	}
}
function off(imgName) {
	if (document.images) {
		if (imgFix != imgName) {
			document[imgName].src = eval(imgName + 'off.src');
		}
	}
}
function fix(imgName) {
		if ((imgFix != "")&&(imgFix != imgName)){
			document[imgFix].src = eval(imgFix + 'off.src');
		}
		imgFix = imgName
}
var imgFix = ""
/*parte da inserire nella pagina html o in un foglio.js specifico*/
<SCRIPT TYPE="text/javascript"><!--
if (document.images) {
	x1on = new Image(); x1on.src = 'dir/x1hl.gif';
	x1off = new Image(); x1off.src = 'dir/x1.gif';
	x2on = new Image(); x2on.src = 'dir/x2hl.gif';
	x2off = new Image(); x2off.src = 'dir/x2.gif';
}
//-->
</SCRIPT>
/*chiamata tipo dalla pagina html*/
<A HREF="fileName" ONMOUSEOVER="on('x1')" ONCLICK="fix('x1')" 
ONMOUSEOUT="off('x1')"></A>
________________________________________________________________________
Get Your Private, Free E-mail from MSN Hotmail at 
http://www.hotmail.com
--
Posted from [194.105.246.25] by way of 
f60.law9.hotmail.com
 [64.4.9.60] 
via Mailgate.ORG Server - 
http://www.Mailgate.ORG

Questo che segue č il codice dell'evento-mouse che non funziona, cosě č piů
semplice capire il problema.
Grazie Paola
<head>
<SCRIPT LANGUAGE = "JavaScript">
<!--
if (document.images) {       //if image object is available
img1on = new Image();  // MouseOver Images
img1on.src = "letteratura.gif";
img2on = new Image();
img2on.src = "galleria.gif";
img3on = new Image();
img3on.src = "image3on.gif";
img4on = new Image();
img4on.src = "image4on.gif";
img1off = new Image();     // MouseOut Images
img1off.src = "rivista.gif";
img2off = new Image();
img2off.src = "home.gif";
img3off = new Image();
img3off.src = "image3off.gif";
img4off = new Image();
img4off.src = "image4off.gif";
img1ad = new Image();
img1ad.src = "a_g.gif";  // Secondary Images
img2ad = new Image();
img2ad.src = "image2tips.gif";
img3ad = new Image();
img3ad.src = "image3tips.gif";
img4ad = new Image();
img4ad.src = "image4tips.gif";
}
function imgOn(imgName) {        if (document.images) {
            document[imgName].src = eval(imgName + "on.src");
             }}
function imgOff(imgName) {        if (document.images) {
            document[imgName].src = eval(imgName + "off.src");
             }}
function imgAd(imgName) {        if (document.images) {
            document[imgName].src = eval(imgName + "ad.src")
            }}
//-->
</SCRIPT>
</head>
<body>
<A HREF = "#" onMouseOver = "imgOn('img1')" onMouseOut = "imgOff('img1')"
onClick= "imgAd('img1')">
<IMG NAME= "img1" BORDER = 0 SRC = "home.gif"></A>

 Questo che segue è il codice dell'evento-mouse che non funziona;
passando sopra il bottone col mouse esso cambia colore (in realtà cambia
immagine) e uscendo fuori dall'area torna l'imagine di partenza. Fin qui
tutto ok.
Premuto il bottone si carica una immagine ancora diversa,
ecco qui il problemino :
il mouse esce fuori dall'area ed ecco che si presenta l'immagine prevista
per il OnMouseOut, invece vorrei che quando viene cliccato il bottone
l'immagine prevista per il OnMouseClick rimanga almeno fino a quando non si
preme un altro bottone e non che sparisca se si esce fuori dall'area.
Non riesco a risolvere questo conflitto di istruzioni.
Grazie a tutti Paola


Ciao,
metti questo nelle due funzioni
 function imgOff(imgName) {        if (document.images &&
document[imgName].src.indexOf("ad.src")==-1) {
             document[imgName].src = eval(imgName + "off.src");
            }}
Bye
    Ro<*¿*>berto