Pop up javascript
Come creare una pop up di alert in Javascript? E' un'operazione
molto semplice, uno dei primi esempi per far appassionare chi si avvicina
per la prima volta all'apprendimento javascript.
<script>
alert("Questa è una prova");
</script> |
Riscrivendo questo codice nella sezione body della pagina HTML si visualizza
una finesta pop-up con la frase "Questa è una prova"
durante la navigazione sulla pagina web. E' una tipica potenzialità
del javascript, completamente assente nel linguaggio HTML. Solitamente
questa funzionalità è utilizzata per inviare messaggi di
errore o di cattiva compilazione delle web form. Un modo per catturare
immediatamente l'attenzione del navigatore.
L'istruzione alert può visualizzare allo stesso
modo sia una costante (es. la frase 'Questa è una prova') sia una
variabile.
<script>
x=1;
alert("La variabile x vale " + x);
x++;
alert("La variabile x vale " + x);
</script> |
In quest'ultimo esempio introduciamo le variabili che avremo modo di
approfondirle nelle lezioni successive. Per il momento ci limitiamo ad
osservare come nella prima istruzione x=1 si assegna il valore 1 alla
variabile x. L'istruzione successiva dell'esempio precedente è
del tipo alert, pertanto l'elaborazione dello script si ferma e viene
inviato a video un messaggio pop up chiedendo all'utente di cliccare sul
pulsante OK. Soltanto dopo aver cliccato sul pulsante l'elaborazione può
riprendere il suo corso passando alla terza istruzione x++ che incrementa
di 1 la variabile x portandola a 2 (in precedenza la viariabile x era
stata fissata a 1). L'ultima istruzione dell'esempio invia a video una
seconda pop up visualizzando, questa volta, il valore aggiornato della
variabile x. Nei due esempi le pop-up sono richiamate dall'istruzione
alert. Nel primo caso viene visualizzato a video una costante (la frase)
nel secondo caso il contenuto di una variabile. Semplice no?
ecomatrix
scrivi al sito
ecomatrix@gmail.com
Guide online
