Concetti Chiave
- Le finestre di dialogo in Javascript sono strumenti visivi che appaiono all'interno della pagina web e sono di tre tipi: alert, confirm e prompt.
- Le finestre di tipo "alert" mostrano un messaggio personalizzato e sono comunemente usate per notifiche o avvisi.
- Le finestre "confirm" sono simili agli alert ma includono due opzioni di scelta: conferma e annulla, permettendo all'utente di prendere una decisione.
- Le finestre "prompt" consentono all'utente di inserire testo, restituendo il valore immesso quando viene premuto il tasto conferma.
- La sintassi per utilizzare queste finestre include metodi come alert('messaggio'), window.confirm('messaggio') e window.prompt('messaggio').
Javascript - Finestre di dialogo
In Javascript, le finestre di dialogo sono delle finestre, appunto, che appaiono all'interno della pagina web. Ne esistono di tre tipi:
Tipo "alert"
Con questo tipo è possibile creare delle finestre di avviso nelle quali viene inserito un messaggio personalizzato. Lo sono, ad esempio, quelle che ci danno il benvenuto su un sito web.
window.alert('messaggio'); oppure alert('messaggio');
Esempio:
Con questo tipo è possibile anche creare dei pop-up (tipo le pubblicità).
Quello sotto è un esempio di un pop-up che appare quando viene cliccata un'immagine.
Esempio:
www.nomesito.it', 'Nome sito'); >
*qui va indicato l'url della pagina
*qui va indicato il titolo della pagina
Con questo tipo è possibile creare delle finestre identiche a quelle "alert", con la differenza che vengono visualizzati anche due bottoni: conferma e annulla.
var nomeVariabile=window.confirm('messaggio');
Esempio:
var valoreRestituito=window.confirm('clicca un tasto');
if(valoreRestituito==true)
{
alert('è stato premuto il tasto conferma');
}
else
{
alert('è stato premuto il tasto annulla');
}
Tipo "prompt"
Con questo tipo è possibile creare delle finestre che permettono all'utente di scrivere del testo. Se l'utente preme il tasto conferma viene restituito il testo da lui inserito.
var nomeVariabile=window.prompt('messaggio');
Esempio:
var eta=window.prompt('quanti anni hai?');
if(eta>=18 )
{
alert('sei maggiorenne');
}
else
{
alert('sei minorenne');
}