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>
<head>
 <script language='Javascript'>
  function scrolledDown() 
  {
  var msgBox = document.form1.informativa;
  if  (msgBox.scrollTop == msgBox.scrollHeight - msgBox.clientHeight)
   {
    document.form1.bnt.disabled  = false;
   }
  }
  </script>
</head>

<body>
  <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ò

%d bloggers like this: