ATTENZIONE! L'articolo che stai leggendo ha oltre un anno di vita, alcuni degli argomenti trattati potrebbero non essere più validi.
attivare un pulsante a scroll completato
oggi mi è stato richiesto di scrivere un piccolo js che permetta di attivare un pulsante di una form solo dopo aver letto l'intero testo di un'informativa (più o meno quello che succede quando tentiamo di installare qualche applicazione sotto windows), ed ecco la mia soluzione:
HTML:
-
<script language='Javascript'>
-
function scrolledDown()
-
{
-
var msgBox = document.form1.informativa;
-
if (msgBox.scrollTop == msgBox.scrollHeight - msgBox.clientHeight)
-
{
-
document.form1.bnt.disabled = false;
-
}
-
}
-
</script>
-
</head>
-
-
<form name='form1' method='post' action='post.php'>
-
<textarea name='informativa' onMouseOut='scrolledDown()'>
-
[un casino di testo qui dentro]
-
</textarea>
-
<input type='submit' name='bnt' value='accetto' disabled />
-
</form>
-
</body>
-
</html>
il codice è abbastanza semplice, appena mi allontano col mouse dalla textarea controllo che sia stato effettivamente raggiunto il fondo della stessa e nel caso attivo il pulsante.
spero sia utile.
ciauz
Grazie!
Mi è stato molto utile in un sito a cui sto lavorando, per forzare la lettura da parte dell’utente dell’informativa sulla privacy.
Ho aggiunto anche un checkbox e abilitato il submit solo se il textarea è stato scrollato e il checkbox è stato selezionato.
Ciao
Nicolò