Les boîtes de dialogue

Vous allez commencer par manipuler la fonction alert, la plus simple des 3. Ah oui, j'avais oublié de vous le dire, mais toutes les boîtes de dialogues sont générées via une fonction.

Cette fonction alert est très très simple, et n'a besoin que d'un paramètre pour pouvoir fonctionner. Une petite chose avant de faire un test de cette fonction : elle sert à informer un visiteur qui visualise la page. Vous allez le comprendre très vite si vous testez ce code.
Code : JavaScript

Effectivement. Pour ce faire, il y a plusieurs façons. Soit vous voulez afficher différents messages à chaque alerte, et dans ce cas, vous faites appel à la fonction plusieurs fois de suite. Mais vous pouvez aussi faire comme ceci.
Code : JavaScript
Soit vous voulez embêter le visiteur, et dans ce cas, vous faites une boucle qui répètera le même message un certain nombre de fois, comme le fait le script ci-dessous.
Code : JavaScript
Et voilà, vous savez déjà tout de la fonction alert, comme quoi, ce n'était pas trop dur.
Je vous laisse vous amuser avec cette super fonction, qui en ravira plus d'un ! Quand à nous, on se retrouve dans le sous-chapitre suivant.

Alors : sur qui avez-vous testé la boucle qui tourne 200 fois, et qui ne fait qu'afficher une alerte ? Je ne sais pas vous, mais moi, je n'ai pas pris qu'une victime pour cible (j'ai dû le faire une bonne dizaine de fois avant de me lasser ).

Nous allons maintenant nous occuper du cas de confirm. C'est une fonction qui ressemble beaucoup à alert, sauf qu'elle est là pour proposer un choix au visiteur. En général, le message qui précède le choix est une question...

Pour parler plus en détails de cette fonction, je vais vous dire ce que doit contenir son paramètre. Vous devez y placer la question que vous voudrez poser à votre visiteur. Attention, il ne peut répondre que par oui ou non : ne faites pas de question du style : "Quelle est la couleur du cheval blanc d'Henri IV ?". Cela n'a pas de sens de répondre par oui ou par non. Passons aux phrases de test, essayez-moi ceci.
Code : JavaScript
Ok, c'est beau tout ça, mais si on clique sur 'Oui / Ok' ou 'Non / Annuler', il ne se passe rien ! Pour ça, pas de problèmes. Si l'utilisateur clique sur 'Non' ou 'Annuler', alors la fonction retourne false. Et s'il clique sur 'Oui' ou 'Ok', elle retourne true. Voici donc ce qu'il faut faire.
Code : JavaScript
Bah voilà, je n'ai rien d'autre à ajouter, vous savez désormais vous servir de la boîte de dialogue de type confirm. Elle est très utile si l'on veut ne poser qu'une ou deux questions au visiteur, sans avoir à créer un formulaire.

Eh oui, vous êtes déjà aux deux tiers de ce chapitre ! Mais il faut bien l'avouer, pour présenter trois fonctions, on n'a pas besoin de plus de dix minutes. Voilà pourquoi ce chapitre n'est pas très consistant, mais je vous rassure, on va se rattraper au chapitre suivant.

Pour ce dernier sous-chapitre, je vais vous présenter la fonction prompt. Comme confirm, elle sert à poser une question au visiteur. Mais cette fois-ci, il va nous répondre avec son clavier, et non sa souris ! Cela équivaut à une zone de saisie dans un formulaire.

La fonction prompt doit avoir un paramètre, mais peut en supporter un deuxième. Comme avec les deux premières fonctions étudiées, le paramètre 1 sert à poser la question ou informer le visiteur. En revanche, le deuxième sert à afficher dans la zone de saisie un message prédéfini. Si vous voulez voir à quoi ça ressemble, essayez ce script.
Code : JavaScript

Après, tout va bien car ce que le visiteur a saisi est stocké dans la variable d'où vous avez appelé la fonction prompt. Sauf si le visiteur a cliqué sur 'Annuler' ! En effet, regardez bien la boîte de dialogue prompt : elle possède un bouton 'Ok' et un autre 'Annuler'.


Le seul problème c'est que si on clique sur ce bouton 'Annuler', la variable n'est pas un booléen. En effet, il existe une autre valeur "spéciale", qui n'est ni un chiffre, ni une chaîne de caractères, ni un booléen, et dont je ne vous avais pas parlé. Il s'agit de null (à ne pas confondre avec 'null'). Donc, si vous avez cliqué sur 'Annuler', prompt renvoie null, et non false. Nous pouvez maintenant tester si la personne n'a pas voulu quitter.
Code : JavaScript

Utilisation de isNaN

Et si par hasard on veut que le visiteur n'entre qu'un chiffre ou un nombre, et pas autre chose, comment ferait-on ? On va faire entrer la fonction isNaN dans la place . Son nom provient d'une contraction du groupe de mots anglais "is Not a Number", qui signifie "n'est pas un nombre" en français. Si le paramètre n'est pas un nombre, alors la fonction retourne true. Voici un petit script qui vous le prouve ; après, on a fini.
Code : JavaScript

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19

var ma_variable = prompt('Quel est ton âge ?');

if(ma_variable == null)
{
ma_variable = false;
}
else
{
ma_variable = true;
}

if(!ma_variable)
{
alert('Youhou');
}
else
{
alert('Yahou');
}

1
2

var variable = 'texte' * 5;
alert(variable);