We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 3133
    • 98 Posts
    Bonjour,

    Je souhaite intergrer a mon site modx un petit slide via JsQuery qui deplace des divs.

    genre
    <script type="text/JavaScript">
    $(document).ready(function (){
    	$('#button a').click(function(){
    		var integer = $(this).attr('rel');
    		$('#slidez .cover').animate({left:-900*(parseInt(integer)-1)})
    		$('#button a').each(function(){
    		$(this).removeClass('active');
    			if($(this).hasClass('button'+integer)){
    				$(this).addClass('active')}
    		});
    	});	
    });
    </script>
    


    Des liens permettent cette operation

    <a class="button1 active" rel="1" href="#">1</a>
    <a class="button2" rel="2" href="#">2</a>
    <a class="button3" rel="3" href="#">3</a>
    <a class="button4" rel="4" href="#">4</a>
    


    seulement modx suit le lien et je n’obtiens pas l’effet desiré... peut on desactiver la cible du lien?... ou autre

    j’avoue etre a court d’idees

    Merci pour votre patience
      • 34001
      • 428 Posts
      Salut,

      En l’occurence, c’est plutôt jQuery qui va gérer ça.
      Il faut simplement ajouter return false; à la fin de ton script :

      <script type="text/JavaScript">
      $(document).ready(function (){
      	$('#button a').click(function(){
      		var integer = $(this).attr('rel');
      		$('#slidez .cover').animate({left:-900*(parseInt(integer)-1)})
      		$('#button a').each(function(){
      		$(this).removeClass('active');
      			if($(this).hasClass('button'+integer)){
      				$(this).addClass('active')}
      		});
                      return false;
      	});	
      });
      </script>
      
        Intégrateur web freelance
        • 3133
        • 98 Posts
        Je vais tester merci!! je suis pas tres bon en Js mais pour mon info ... je lui dis quoi au script?
          • 34001
          • 428 Posts
          Quote from: bentouch at Mar 08, 2010, 06:02 AM

          Je vais tester merci!! je suis pas tres bon en Js mais pour mon info ... je lui dis quoi au script?
          Oui, désolé pour le manque d’explications...
          Cette ligne permet de signaler au navigateur qu’il ne faut pas suivre le lien. Donc aucune page ne sera chargée.

          Après, je n’en connais pas toutes les subtilités techniques. wink
            Intégrateur web freelance
            • 3133
            • 98 Posts
            C’est exactement ça!!! Merci
              • 3133
              • 98 Posts
              En fait , maintenant j’ai un probleme residuel et je ne sais pas s’il est du a notre manipulation...

              Le script via jsquery est doit deplacer la div slidez .cover de 900px a chaque clique sur un lien qui augmente de facon progressive 900 1800 etc (grosso)... mais IE bloque au chargement de la page (comme s’il ne prenait que la valeur 450). j’ai donc la moitié de la page, des lors que je clique sur un lien ... ca re-fonctionne.

              Question: pourquoi en as tu l’ombre d’une idée? merci