nuage.gif (26536 octets)
carre_transparent.gif (42 octets) carre_transparent.gif (42 octets) carre_transparent.gif (42 octets) carre_transparent.gif (42 octets) carre_transparent.gif (42 octets)
     sommaire.gif (5085 octets)alian_jeans2_gauche.gif (9388 octets) Fenêtre de confirmation
   pieuvre2.GIF (3032 octets) Lorsque vous appuyez sur le bouton du formulaire ou sur le lien, un écran va apparaitre pour vous permettre de confirmer votre choix.

Dans le premier cas, il s'agit d'une fenêtre alert() Javascript standart, dans le deuxieme cas, on construit une fenêtre personalisée. La première méthode est très courte mais austère, au contraire de la deuxième qui ne fonctionne que sur Netscape.

poisson.gif (4153 octets)

 


Iè méthode :

bleu.gif (881 octets)
bleu.gif (881 octets) ou bien Cliquez ici !

  • Pour le bouton de formulaire :
    <form>
    <input
    type="button" value="Le grand trou noir ..."
         onclick="
    if (window.confirm('Vous etes sur de ne pas faire une betise ?'))
                {location.href='default.htm';return true;} else {return false;}
    ">
    <
    /form>
  • Pour le lien :
    <a href="default.htm"
    onclick="
    if (window.confirm('Vous etes sur de ne pas faire une betise ?'))    
                                       {return true;}
                    else {return false;}
    ">Cliquez ici !
    <
    /a>

 

IIè méthode : (Ne fonctionne que sous Netscape)

bleu.gif (881 octets)
bleu.gif (881 octets) ou bien Cliquez ici !

  • function exampleDialog()
    {
    var dialog = new Dialog();
    var value = ('<CENTER><BR>Confirmez-vous ce lien ?');
    dialog.setDialogContent(value);
    dialog.setDialogTitle('Dialog');
    dialog.setDialogBgColor("#DDDDDD");
    dialog.addDialogButton("OKlabel", "OK", "center", 3,
                                                "location.href='default.htm';");
    dialog.addDialogButton("CancelLabel", "Cancel", "center", 3, "");
    dialog.openDialog('exampleLabel');
    return false;
    }
    </script>

Puis :

  • <form>
    <
    input type="button" value="Le grand trou noir ..."
                 onclick="
    exampleDialog();">
    </form>
  • <a href="default.htm" onclick="return exampleDialog();">Cliquez ici !</a>

Pour pouvoir utiliser cette fonction, vous devez utilisez cette librairie.
(A l'aide de la balise <script src="....js">
</script>)

Cette librairie vient du site Developper Netscape