Partage
  • Partager sur Facebook
  • Partager sur Twitter

Problème avec mes événements

    23 juillet 2010 à 15:20:17

    Bonjour,

    Voilà mon problème. Je m'entraîne un peu sur les événements en javascript (je suis débutante), et mon code ne marche pas très bien :(

    En fait, mes évenements onclick ne marchent qu'une seule fois ! o_O

    Voici mon code :
    $(document).ready(function(){
    					  //
    					  $('#header ul').addClass('hide');
    					  //$('.recherche').addClass('hide');
    					  $('.resultat').addClass('hide');
    					  $('.details').addClass('hide');
    					});
    	
    	function hideMenu() {	
    		$('#header').append('<div class="leftButton" onclick="hideExceptMenu()">Menu</div>');
    		//$('#header ul').hide();
    		
    		$('#header ul').toggleClass('hide');
    		//$('#header ul').toggle();
    		$('#header .leftButton').toggleClass('pressed');
    	}
    	
    	function hideExceptMenu(){
    		$('.recherche').hide();
    		$('.resultat').hide();
    		$('.details').hide();
    		//$('.leftButton').hide();
    	}
    	
    	function hideExceptContentRecherche(){
    		hideMenu();
    		$('.resultat').hide();
    		$('.details').hide();
    		
    		
    	}
    	
    	function hideExceptContentResultat(){
    		hideMenu();
    		$('.recherche').hide();
    		$('.details').hide();
    	
    	}
    	
    	function hideExceptContentDetail(){
    		hideMenu();
    		$('.recherche').hide();
    		$('.resultat').hide();
    		
    	}
    
    • Partager sur Facebook
    • Partager sur Twitter
      23 juillet 2010 à 15:41:05

      Salut,

      Quand on débute en js, on commence pas par utiliser jQuery ^^.

      Surtout pour des choses aussi basiques.

      Je te conseille de bien lire le tuto sur le javascript : http://www.siteduzero.com/tutoriel-3-8 [...] vascript.html

      et plus particulierement la partie le CSS par JS :)

      Tu auras aussi besoin de innerHTML.

      Bon courage :)

      PS : Si tu penses ne jamais te resservir de js, tu peux éventuellement regarder ca : http://www.siteduzero.com/tutoriel-3-1 [...] enements.html (partie évènements vivants)
      • Partager sur Facebook
      • Partager sur Twitter
        23 juillet 2010 à 15:56:01

        Merci pour les liens miclebowski ! :)

        Oui je sais, mais je commence bientôt un stage en intégration, et ils utilisent jquery. Alors je dois non seulement apprendre le javascript, mais JQuery ! :lol:

        Je vais regarder ce que tu m'as donné de plus près, merci !

        Anyway, si quelqu'un pour m'expliquer quand même l'erreur que j'ai faite, ce serait encore mieux

        ;)
        • Partager sur Facebook
        • Partager sur Twitter
          23 juillet 2010 à 16:00:13

          Tu n'as pas assimile la manière dont jQuery gère les évènements ;) (cf. le tuto mis en lien avant)

          Tu n'utilises plus onclick, mais, un truc du genre :

          $('.leftbutton').live('click', function() {
          hideExceptMenu();
          }
          


          Lis bien la partie évènements vivants dans le lien donne précédemment pour bien comprendre pourquoi utiliser live().
          • Partager sur Facebook
          • Partager sur Twitter
            23 juillet 2010 à 17:23:43

            Je pense aussi :lol:
            Je m'y colle de suite, et merci encore ! ^^
            • Partager sur Facebook
            • Partager sur Twitter

            Problème avec mes événements

            × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
            × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
            • Editeur
            • Markdown