Recherche :

Tutos - Javascript

Javascript – Les boîtes de dialogue

Voici un petit rappel sur les boîtes de dialogue :

alert()
La méthode alert() n’est pas très évoluée : elle affiche une boîte avec un texte et un seul bouton : « OK »

La syntaxe :

?View Code JAVASCRIPT
1
<script type="text/javascript"><!--mce:0--></script>

confirm()
La méthode confirm() est un peu plus évolué que la méthode alert(), elle nous laisse un choix ! Evidement 2 boutons : « OK » et « Annuler » afin de faire ce choix ^^

La syntaxe :

?View Code JAVASCRIPT
1
<script type="text/javascript"><!--mce:1--></script>

Quelques astuces :
Pour passer une ligne dans le texte de la boîte de dialogue, il suffit d’ajouter : \n

?View Code JAVASCRIPT
1
<script type="text/javascript"><!--mce:2--></script>

L’intérêt des méthodes prompt() et confirm() est réel.

Exemple 1 :
Dans l’administration d’un site, vous avez la possibilité de gérer des utilisateurs. Le fait de cliquer sur « supprimer l’utilisateur » déclenche alors une fonction javascript avec l’affichage d’une boîte de dialogue confirm() demandant la confirmation avant de supprimer le membre et redirige vers la page de traitements :

?View Code JAVASCRIPT
1
<script type="text/javascript"><!--mce:3--></script>

Exemple 2 :
Toujours dans cette même administration, vous avez la possibilité de modifier le nom de ce membre. En cliquant su le nom du membre, on ouvre une boîte de dialogue prompt() comportant le nom actuel dans le champ de saisie :

?View Code JAVASCRIPT
1
<script type="text/javascript"><!--mce:4--></script>

Une dernière précision : javascript étant interprété par le navigateur, il est impossible de modifier l’apparence des boîtes de dialogue.

Continue