Messaggio di conferma Javascript su una pagina web

Se hai un sito internet e vuoi fare una domanda ad un visitatore che capita su una pagina specifica del tuo sito, puoi gestire la cosa tramite il javascript.
In questo breve articolo ti spiegherò come far apparire sul browser del navigatore, un messaggio di conferma javascript, con la possibilità di gestire la scelta effettuata dall'utente.

Come creare un messaggio di conferma Javascript su una pagina web

Per poter far apparire a video sul client browser dell'utente, una finestra di dialogo con un messaggio in cui l'utente è obbligato dare una conferma con un si o con un no, utilizza la seguente sintassi:

<script type="text/javascript">
confirm("Vuoi andare nella home page del sito?");
</script>

Questa è la sintassi javascript (da inserire all'interno del tag html head) per porre la domanda, che apparirà a video con un messaggio specifico da te indicato all'interno del comando confirm();

Le possibilità di risposta saranno OK o Annulla.

Bene, ora che sai come porre la domanda, devi sapere come intercettare la risposta, e per farlo basta una semplice variabile javascript.
Nell'esempio che riporto qui sotto, se si da l'ok, si finisce reindirizzati su un'altra pagina internet, altrimenti si rimane nella pagina corrente:

<script type="text/javascript">
var conferma=confirm("Vuoi andare nella home page del sito?");
if(conferma) window.location.href = 'http://www.oggieunaltropost.it';
</script>

Se vuoi testare questo script clicca qui.

Imparare ad usare il confirm javascript è importante per poter realizzare delle pagine internet interattive, semplicemente usando del codice inseribile in una normale pagina html.

Messaggio d'avviso Alert Javascript

Se sei alle prime armi con il sacro javascript, questa è una delle prime nozioni che si imparano.
Sapere come generare un messaggio alert, ovvero un messaggio a video sul browser degli utenti che navigano il tuo sito internet, un messaggio però diverso dai normali popup, ma proprio una finestra di sistema del browser stesso.

Vediamo dunque le semplici righe di codice da utilizzare per creare un alert javascript, anche se ormai questo genere di funzionalità è poco usata sul web.

Come creare un messaggio d'avviso Alert con Javascript

Per poter mandare un messaggio a video all'utente che naviga il tuo sito internet, tramite finestra di dialogo, inserisci questo codice javascript possibilmente prima della chiusura del tag head:

<script type="text/javascript">alert("Ciao visitatore");</script>

Ecco fatto, praticamente hai già finito.

Ovviamente dovrai scrivere il tuo messaggio all'interno del comando javascript alert(""); stando attento a non utilizzare le virgolette (") nel tuo testo, oppure a precedendole da uno slash.
Ad esempio scrivendo così:
alert("Ciao \"virgolette\" visitatore");

Il risultato sarà una finestra con il messaggio da te scritto, una finestra che bloccherà la navigazione dell'utente fino a quando non darà l'ok.
Per questo motivo, non abusare troppo di questo genere di comandi, o il visitatore lascerà indignato il tuo sito web.

Per testare un esempio di alert js, clicca qui.

Se poi vuoi andare a capo in un alert javascript, utilizza la seguente sintassi \r\n.
Es:
alert("Ciao \"virgolette\", vado\r\n a capo visitatore");

Se poi con vuoi inserire questo alert come azione di un click del mouse su di un link (come ho fatto io poco sopra), utilizza la sintassi:
<a href="javascript:alert('ciao');">clicca qui</a>

E con il sacro javascript per oggi è tutto.

Come commentare in Javascript

Oggi parliamo di commenti in Javascript.
Si, sempre loro, i commenti di codice, in questo caso javascript, che consentono di non fare eseguire delle istruzioni, o di inserire delle note di spiegazioni ai nostri script.

Come commentare in Javascript

Commentare del codice scritto in javascript è molto semplice e veloce.
Ci sono due modi di farlo, per la singola riga di codice, oppure per un blocco intero.

1) Commentare una riga di codice Javascript
Per inserire un commento dentro uno script javascript basta usare la seguente sintassi:
// Questa riga di codice javascript è stata commentata e non verrà eseguita

2) Commentare più righe di codice Javascript
Con la seguente sintassi, è possibile commentare un blocco intero dentro uno script javascript:
/*
Tutto quello scritto qui, su più righe
non verrà eseguito
manco a pagarlo
*/ 

Tutto qui.
Inserite i giusti commenti al vostro codice javascript, in modo da ricordarvi cosa fanno certe funzioni complesse che avete scritto anche tanti anni fa :)

Come trasformare un testo in maiuscolo con Javascript

Convertire/trasformare del testo tutto in maiuscolo può essere una necessità che capita una volta nella vita.
Magari è solo una frase da far diventare tutta in maiuscolo, o magari un testo molto lungo, ma se non abbiamo voglia e tempo di riscrivere il testo e non sappiamo che altri metodi usare, potremmo anche affidarci al javascript, che fa sempre brutto :p

Come trasformare un testo in maiuscolo con Javascript

Per convertire un intero testo da minuscolo in maiuscolo con javascript, basta usare la funzione uppercase.

Eccovi subito uno script di esempio, che potrete utilizzare immediatamente per i vostri scopi:

<html>
<head>
<title>Convertire testo tutto in maiuscolo con javascript js</title>
</head>
<script type="text/javascript">
var str="Testo da rendere tutto maiuscolo";
str=str.toUpperCase();
document.write(str);
</script>
</body>
</html>

Quello che dovrete fare è copiare il testo da capitalizzare (rendere tutto maiuscolo) dentro la variabile str, e salvare questo codice html/javascript in un file che potrete chiamare tuttomaiuscolo.html.
Poi vi basterà aprire questo file con il vostro browser di fiducia, per avrete così come per magia, tutto il testo convertito da minuscolo a maiuscolo.

Attenzione però, questo rapido quanto semplice metodo per trasformare una frase tutta in maiuscolo con il javascript, ha dei limiti.
Dentro la variabile str (la stringa da convertire da minuscolo a maiuscolo) dovrete evitare di usare i seguenti caratteri " e \
Inoltre, il testo non dovrà contenere degli acapi.

Come fare il redirect con il Javascript

Il javascript consente di far compiere al browser dell'utente diverse operazioni, anche reindirizzarlo in una pagina diversa da quella in cui stava navigando.
Fare un redirect in javascript è molto semplice, vediamo come fare.

Come fare il redirect con il Javascript

Il codice da usare per fare un javascript redirect è il seguente:

<script type="text/javascript">
window.location.href = 'http://www.oggieunaltropost.it';
</script>

Provate pure ad inserire questo semplice codice all'interno dell'html di una pagina web del vostro sito, per vedere cosa succede :)

Grazie al javascript è infatti possibile reindirizzare in automatico il visitatore ad un'altra pagina del nostro sito web, o addirittura su un altro sito.
Ovviamente queste pratiche non piacciono molto a google, quindi fatelo magari solo per ripristinare link sbagliati dati in giro (se non avete altri metodi per farlo).

Redirect al caricamento della pagina (body onload)

Un altro metodo per fare la reindirizzamento dentro ad una pagina html è quello di far fare un redirect al caricamento della pagina, scrivendo il codice direttamente dentro al tag body, così:

<body onload="window.location.href='http://www.oggieunaltropost.it';">

Questo metodo è ovviamente migliore del precedente, perchè viene effettuato al caricamento della pagina, prima di ogni altro elemento visivo, mentre l'altra modalità potrebbe in teoria far vedere all'utente una parte di pagina caricata, prima di reindirizzarlo su un'altra pagina.

Redirect temporizzato

L'ultimo metodo di cui volevo parlarvi è il redirect javascript a tempo, o temporizzato.
Trattasi di uno script javascript che consente di dire al browser dell'utente, dopo quanti secondi reindirizzarlo su un altro sito.
Ecco il codice per il redirect a tempo:

<script type="text/javascript">
setTimeout(function() {window.location.href="http://www.oggieunaltropost.it";}, 2000);
</script>

Nell'esempio sopraccitato, viene caricata la pagina web selezionata dall'utente, ma dopo 2 secondi (2000 millisecondi), il navigatore subirà il redirect alla nuova location.