Fullo
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
If you enjoyed this article, please consider sharing it!
One Response to attivare un pulsante a scroll completato
Leave a Reply
Meanwhile on Flickr
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ò