giovedì 21 luglio 2011

How To: javascript Alert, Confirm, Prompt

In javascript ci sono vari modi per comunicare con l'utente tramite "BOX" o "MESSAGE".
E' vero anche che molte volte questi "BOX" o "MESSAGE" possono essere sfruttati per
meglio comprendere che cosa sta succendendo nel nostro flusso !

Il primo "Alert" è il classico popup con un singolo bottone di ok
<script>
alert("stai visitando : C#Light!");
</script>

direi che spendere due parole su questo esempio non serve.

<script>
function doLoop(initialValue)
{
for (i = 0; i<300; i++)
{
initialValue = i*2;
if (i > 400)
{
initialValue = 4;
}
}
alert (initialValue);
}
</script>


Posto che abbiate realizzato una funzione (magari con più logica di questa)
si può utilizzare l'alert per comprendere quanto vale una variabile.

Il secondo "Confirm" è il popup a due bottoni tipicamente "si,no"

<script>
function comeReagirai()
{
var answer = confirm("Cancellerò tutti i dati dal tuo PC. Va bene?");
if (answer){
alert ("sei pazzo ?");
}
else{
alert ("Tanto lo farò lo stesso!");
}
}
</script>


Simpatico scherzo, che tuttavia da buona logica di come funziona.


L'ultimo è "Prompt" fra le righe il meno noto e sempre meno usato, il suo
scopo è di richiedere un campo propabilmente da utilizzare nell'immediato.
<script>
function GetAge()
{
return prompt("Immetti la tua eta", "20");
}
</script>

In questo caso i campi sono due, il testo che sarà mostrato e il default, ossia
il valore che apparirà nel campo editabile del box.

Nessun commento: