Appunti su JavaScript

§ 1. JavaScript Popup Boxes

JavaScrip ha tre tipi di finestre di popup: alert box, confirm box, prompt box

§ 1.1 Alert box

Sono utilizzate per fornire informazioni all'utente.

La loro sintassi è la seguente:

               window.alert("message");
               //o semplicemente:
               alert("message")
            

§ 1.2 Confirm box

Sono utilizzate per chiedere all'utente di accettare o rifiutare qualcosa.

Le confirm box presentano una richiesta all'utente alla quale, questi, può rispondere con "OK" o con "Cancel". Se risponte "OK" la confirm box restituisce il valore logico true, Se risponde "Cancel" la confirm box restituisce il valore logico false.

In esempio che ne illustra la sintassi:

            <script>
            function myFunction(){
              var txt;
              if (confirm("Press a button!")==true){
                  txt = "You pressed OK!";
               }else{
                  txt = "You pressed Cancell!";
               }
               document.getElementById("scelta").innerHTML = txt;
            }            
            </script>
            

Prova una confirm box Clicca qui

§ 1.3 Prompt box

Sono utilizzate per chiedere un valore all'utente.

Dopo la richiesta, l'utente deve inserire un valore in una casella di input, poi deve cliccare su "OK" o su "Cancel". Se clicca "OK" la prompt box restituisce il valore inserito nella casella di input, Se clicca "Cancel" la prompt box restituisce il valore null.

Un esempio che ne illustra la sintassi:

            <script>
            function miaRichiesta(){
              var txt;
              var person=prompt("Per favore, inserisci il tuo nome", "Harry Potter");
              if (person == null || or person=="") {
                  txt = "L'utente ha annullato la richiesta.";
               }else{
                  txt = "Hello " + person + "! How are you today?";
               }.
               document.getElementById("demo").innerHTML = txt;
            }            
            </script>
            

Prova una prompt box Clicca qui