samedi 2 juin 2012

Bouton de confirmation en Javascript

1. Contexte
Parfois il nous arrive de demande à l'utilisateur final à confirmer l'action avant son exécution. Cela arrive souvent lorsque par exemple on veux que l'utilisateur final confirme la suppression d'un enregistrement dans une base des données. Il existe plusieurs solutions pour y arriver mais dans les lignes qui suivent , nous avons pu experimenté cela avec quelques lignes de code en utilisant une petite fontion javascript.

Dans l’exemple suivant , le bouton crée demande à l'utilisateur final de confirmer l'execution de l'action, cette action n'est autre que la redirection vers un site web quelconque , on peux mettre autre chose à la place de la redirection , comme executer un script sql dans la bdd, suppression au création d'un autre fichier , connexion reseau , ....

2. Un tuto vaux mieux que un long discours ....
   
 <html>                                                                                                                                                             <head>                                                                                                                                                         <script language=javascript>                                                                                                                        
   function ConfirmMessage() {                                                                                                                      
       if (confirm("Etes vous certain de vouloir executer l'action  ?"))                                                                 
       { //Placer ici l'action a executer par java script (ici je demande à javascrit de faire une redirection)         
           window.location = "http://monsar.blogspot.com.ar/"                                                                           
       }                                                                                                                                                           
   }                                                                                                                                                               
</script>                                                                                                                                                      
        <meta http-equiv="Content-Language" content="en-us">                                                                         
        <title>Confirmation JavaScript</title>                                                                                                    
</head>                                                                                                                                                        
<body>                                                                                                                                                          
<input type="button" value="Executer action" onClick="ConfirmMessage()">                                                      
</body>                                                                                                                                                         
</html>                                                                                                                                                                                                                                                                                                                              
                                                                                                                                                                    
Et voila , si l'article vous a plus ou si vous avez un commentaire , n'oubliez pas de nous le faire savoir :
monsar04atgmail.com / 00243997647154


Aucun commentaire:

Enregistrer un commentaire