JavaScript confirm

In quest’articolo parleremo di javascript confirm, cioè della modalità per creare una finestra dove l’utente può effettuare una scelta.

Con il metodo confirm(), a differenza del metodo alert(), la comunicazione non è unilaterale ma bilaterale.


Esempio 1 con javascript confirm

Facciamo subito un esempio.

Provate ad inserire i dati nei campi sotto e dopo cliccate sul pulsante Reset. Vi comparirà la finestra che vi dirà se volete veramente resettare i dati.


Quindi all’interno della pagina web, in una parte qualunque, inseriamo il form con le etichette, le caselle di testo e il pulsante reset.

<form name=”invio-dati” onreset=”return Conferma()”>
<label>Nome </label> <input type=”text” name=”nome”>
<label>Cognome </label> <input type=”text” name=”cognome”>
<input type=”reset” value=”Reset”>
</form>

Notate, in particolare, che ho inserito l’evento onreset all’interno del tag form.

Dopo, così come spiegato nella scorsa lezione, inseriamo il seguente codice javascript. All’interno del metodo confirm scriviamo quindi se si vuole reimpostare il modulo.

<script type=”text/javascript”>
<!–
function Conferma() {
var reimposta= confirm(“Vuoi reimpostare il modulo?”);
return reimposta;
}
//–>

</script>


Esempio 2 con javascript confirm

Facciamo un altro semplicissimo esempio di utilizzo del metodo confirm(), in cui la finestra, dopo aver premuto il pulsante, visualizzerà la scelta che abbiamo effettuato.

Provate nuovamente ad inserite i dati nei campi sotto e dopo premete reset. La finestra di dialogo dopo aver premuto il pulsante vi dirà la scelta che avete effettuato.


Per l’html utilizziamo lo stesso form di prima.

Ho modificato invece il codice javascript per poter visualizzare subito dopo un alert che ci indica la scelta che abbiamo effettuato.

Usiamo un’istruzione condizionale, ovvero la funzione se … altrimenti, che controlla se il pulsante ok è stato premuto; se è così useremo il metodo alert() per visualizzare che si è scelto di reimpostare i dati; altrimenti utilizzeremo sempre il metodo alert() per dire se si è scelto di premere annulla.

<script type=”text/javascript”>

<!–
function Conferma() {
var reimposta = confirm(“Vuoi reimpostare il modulo?”);
if (reimposta === true)
      alert(“Hai scelto di reimpostare i dati”);
else
    alert(“Hai premuto Annulla”);
}

//–>

</script>

Questi sono solo dei semplici esempi di uso del metodo confirm() in javascript.

Alcuni link utili:

Template responsive con html

Css Responsive

Come trovare immagini per il sito web

Quali colori scegliere per un sito web

Quali font scegliere per un sito web

Form in html

Tag strong

Collegamenti interni ad una pagina web

Collegamenti ipertestuali

Tag img e attributo alt per la SEO

Paragrafi in html

Tabelle in html

Elenchi in html

Tag dei titoli

Il linguaggio html

Come trovare immagini per il sito web

Quali colori scegliere per un sito web

Quali font scegliere per un sito web


Autore dell'articolo: cristina

Avatar per Coding Creativo

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *