View  Edit  Attributes  History  Attach  Print  Search

jQuery : DOM : Boite message déclenchée sur clic bouton.

Ce que l'on va faire ici

  • Dans ce code jQuery intégré dans une page HTML, un clic bouton déclenche une boîte d'alerte.

Le code HTML + jQuery

<!DOCTYPE HTML>

                <!-- Debut de la page HTML  -->
     <html>

        <!-- Debut entete -->
            <head>

                        <meta charset="utf-8" /> <!-- Encodage de la page  -->
                        <title>Titre</title> <!-- Titre de la page -->

                        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

                        <!-- Début du code Javascript  -->
                        <script language="javascript" type="text/javascript">
                        <!--
 

                                $(document).ready(function(){

                                        $("#myButton").click(function(){

                                                alert("Clic bouton");

                                        });

                                });            

 

                        //-->
                        </script>
                        <!-- Fin du code Javascript -->    

            </head>
            <!-- Fin entete -->

     <!-- Debut Corps de page HTML -->
        <body >

                        <button id="myButton">Click me !</button>

        </body>
        <!-- Fin de corps de page HTML  -->

     </html>
     <!-- Fin de la page HTML  -->