comportamenti differenti tra ff e IE

**sharky86** · 29-04-2009, 10:37

Ciao a tutti!

ho la seguente pagina:

codice:

<html>
<head>
<script  LANGUAGE="JAVASCRIPT">



function doStuff() 
{  
// does something when mouse is down in body for longer than 2 seconds
alert("2 secs passed");
}
function clicked()
{
var mousedownTimeout;
document.body.onmousedown = function() 
{   
mousedownTimeout = window.setTimeout(doStuff, 2000);
}
document.body.onmouseup = function() {
window.clearTimeout(mousedownTimeout);
alert("less then 2 secs passed");
}
}

</script>

</head>
<body>

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

questo codice mi crea i seguenti problemi:

sia in firefox che in internet explorer devo aver cliccato almeno una volta sull immagine per farlo funzionare.

in internet explorer dopo che ho cliccato una volta sull immagine posso cliccare OVUNQUE nella pagina e la funzione viene eseguita. cio é sbagliato, deve essere eseguita SOLO se clicco sull immagine.

potete gentilmente aiutarmi a risolvere questi due problemi?

grazie

Igor

**sharky86** · 29-04-2009, 13:48

ho risolto il primo dei due problemi, cioé che non sono obbligato a cliccarci una prima volta.

resta peró il secondo problema. cerco di spiegarmi un po meglio.

se apro la pagina e clicco a caso nel background non succede nulla, (giusto)
clicco sull immagine e si apre l allert (giusto)
clicco nel background e si apre l alert (sbagliato)

cioé dopo che é stata eseguita la funzione una prima votla é come se continuasse a monitorare il mouse.

qualche consiglio?

grazie

ciao

igor

**homezappa** · 29-04-2009, 14:14

Esattamente, cosa vorresti che facesse lo script?

Ora come ora, la funzione clicked aggiunge al body gli eventi onmousedown e onmouseup.
la funzione per levento onmousedown fa scattare un timer che alla scadenza chiama la doStuff() e fa apparire l'alert che sono passati 2 secondi.
la funzione onmouseup interrompe il timer e segnala che NON sono passati i due secondi.
tutto qua.

Tu dici che è sbagliato:

clicco nel background e si apre l alert (sbagliato)

ma, le funzioni sono 'attaccate' a eventi del body, quindi..
poi dici 'clicco' ma, in questo caso, dovresti parlare di:
"premo il pulsante del mouse, lo tengo premuto e, se lo rilascio prima che siano passati 2 secondi succede una cosa, se lo rilascio dopo ne succede un'altra".

Cerca di spiegare meglio ciò che vuoi che succeda...

Zappa

**sharky86** · 29-04-2009, 14:40

ciao!

vorrei facesse esattamente quello che gia fa, ma SOLO quando clicco sull immagine.

vorrei semplicemente che se clicco sull immagine per meno di due secondi mi si apre l alert che mi dice che ho cliccato meno di due secodni, se clicco piu a lungo appare l altro allert.

grazie

ciao

igor

**homezappa** · 29-04-2009, 16:23

Tiè !

Codice PHP:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<script type="text/javascript">



var mousedownTimeout; // messa fuori, globale



function doStuff() 

{  

// does something when mouse is down in image for longer than 2 seconds

    alert("2 secs passed");

    // metto mousedownTimeout a false in modo che quando si rilascia il bottone

    // non faccia apparire l'alert 'less than 2 seconds passed'

    mousedownTimeout  = false; 

}

function clicked() {

    document.getElementById("immagine").onmousedown = function() {   

        mousedownTimeout = window.setTimeout(doStuff, 2000);

    }

    document.getElementById("immagine").onmouseup = function() {

        if (mousedownTimeout != false) {

            window.clearTimeout(mousedownTimeout);

            alert("less than 2 secs passed");

        }

    }

}

window.onload=clicked;

</script>



</head>

<body>



[img]img.jpg[/img]

</body>

</html>

Migliorabile, in ogni caso!
P.S: non usare parole riservate per gli id: si sa mai che qualche browser faccia confusione!
(avevi scritto img id="img" ...

HTH
Zappa

**sharky86** · 29-04-2009, 16:55

mitico!

grazie mille!

**homezappa** · 29-04-2009, 16:56

prego cento!

Zappa

Discussione: comportamenti differenti tra ff e IE

Strumenti discussione

Ricerca discussione

Visualizza

comportamenti differenti tra ff e IE

Permessi di invio