onclick + onload en jQuery

[Znojmo]

Bonjour,

J'ai cette superbe fonction :

Code: Tout sélectionner

<script type="text/javascript" language="Javascript">
    head.js("http://code.jquery.com/jquery-1.9.0.min.js",
      function(){
         $(function(){

            $(".bouton").on("click", function(){
<!--Quand on clique sur un élément de la classe "bouton"-->
               $( "div[id^='ID']" ).hide();
<!--Cacher toutes les DIV qui contiennent ID-->
                  $( "#ID" + $( this ).attr('id') ).show();
<!--Montrer l'élément qui s'appelle ID plus (le id du bouton)-->
               });
             });
          }
      );
</script>

Vous aurez compris que ça s'exécute quand on clique sur des boutons. Comment faire pour que ça s'exécute aussi quand on charge la page?

Merci à l'avance.

[alicelieutier]

Tous les script s'exécutent quand tu charges la page. Il s'exécutent dans l'ordre où ils sont déclarés dans la page.
Regardont le code:

Code: Tout sélectionner

<script type="text/javascript" language="Javascript">
    head.js("http://code.jquery.com/jquery-1.9.0.min.js",
      function(){
         $(function(){ // <-- cette ligne indique que ce qui suit doit être exécuté quand le doucment est prêt (ready)

         // <-- écris ici ce qui doit s'éxécuter au chargement de la page

            $(".bouton").on("click", function(){   // <-- dans cette ligne tu attaches un  "handler" à l'événement "click"
<!--Quand on clique sur un élément de la classe "bouton"-->
               $( "div[id^='ID']" ).hide();
<!--Cacher toutes les DIV qui contiennent ID-->
                  $( "#ID" + $( this ).attr('id') ).show();
<!--Montrer l'élément qui s'appelle ID plus (le id du bouton)-->
               });
             });
          }
      );
</script>


Par contre, tu dis que le code doit être exécuté quand tu charges la page, est-ce que tu veux dire que toutes les 'div[id^='ID']' doivent être cachés au moment de charger la page ? Si c'est le cas, pourquoi ne pas utiliser une regle CSS:

Code: Tout sélectionner

div[id^='ID'] {
    display: none;
}


[Znojmo]

merci, j'ai résolu l'affaire autrement!

J'ai fait une autre version de la fonction qui la fait s'exécuter au chargement!

Donc c'est résolu.