Il y a actuellement 200 visiteurs
Vendredi 17 Septembre 2021
accueilactualitésdossierscomparer les prixtélécharger gratuitement vos logicielsoffres d'emploiforum informatique
Connexion
Créer un compte

onclick + onload en jQuery

Besoin d'aide pour configurer un serveur ? Vous souhaitez obtenir des conseils pour référencer votre site ? Un petit souci pour accéder à votre FTP ? Des soucis de programmation en PHP / ASP / HTML / XHTML / XML / XSLT / CSS / ReactJS / AngularJS / VueJS / CGI / PERL / C / MySQL / PostgreSQL ??? Nous avons peut-être la solution dans ce forum ...

onclick + onload en jQuery

Message le 04 Juin 2013 06:01

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.
Avatar de l'utilisateur
Znojmo
Visiteur Confirmé
Visiteur Confirmé
 
Messages: 14
Inscription: 03 Oct 2012 00:39
 


Re: onclick + onload en jQuery

Message le 12 Juin 2013 00:34

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;
}
alicelieutier
Visiteur
Visiteur
 
Messages: 5
Inscription: 24 Mai 2013 15:02
 

Re: onclick + onload en jQuery

Message le 27 Juin 2013 16:56

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.
Avatar de l'utilisateur
Znojmo
Visiteur Confirmé
Visiteur Confirmé
 
Messages: 14
Inscription: 03 Oct 2012 00:39
 



Sujets similaires

Message jQuery: créer une playlist vidéos
Bonjour,Je cherche à mettre en place sur mon site Internet un lecteur vidéo accompagné à sa droite de la playlist des vidéos d'une chaîne youtube. Si ce n'est pas clair voici un exemple de ce que je cherche à faire: http://ibacor.com/demo/jquery-youtube-channels-playlistCe site qui met à disposition ...
Réponses: 0

Message Positionnement et Fonction Jquery
Bonjour, j'ai deux problèmes le premier je n'arrive pas à faire une fonction Jquery fonctionnelle avec deux paramètres (image et titre) qui me permettra de ne pas traiter image par image. Je vous transmets le code en dessous Le second problème est un problème de positionnement quand je passe ma sour ...
Réponses: 1

Message Changer fonction Javascript en jQuery
Bonjour,Je suis un peu débutant en programmation mais très curieux, alors vous comprendrez ma faute...J'ai voulu faire une espèce de navigation par section et sous-section en Javascript, et j'ai fini par trouver cette super solution :Code: Tout sélectionner<html><head><script type=&qu ...
Réponses: 5

Message [Réglé] pb javascript plusieurs onclick (je crois...)
Merci, j'ai trouvé la solution!C'est résolu!
Réponses: 3

Message probleme fonction fadein (jquery)
bonjour à tous,je viens d'inserer la fonction fadein (affichage en fondu) pour mon menu lors d'un simple passage sur mes liens. le souci est que le fadein ne fonctionne que lors du second survole de mes liens; bref sa ne marche pas du premier coup.à mon avis cela viens de l'initialisation de la vari ...
Réponses: 2


Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité


.: Nous contacter :: Flux RSS :: Données personnelles :.