Partage
  • Partager sur Facebook
  • Partager sur Twitter

Afficher/ Masquer Menu

    23 décembre 2010 à 13:14:03

    Bonjour suite a mon premier post , je réitère ma demande un peu plus précise cette fois ci !

    Je fais appel a un fichier js (animatedcollapse) qui se trouve http://www.dynamicdrive.com/dynamicind [...] edcollapse.js
    Jusque la joli effet , mon menu disparait est apparait au clic sur mon image... Je cherche à redimensionner le "width" d'une autre div (la div contenu) quand je clic sur ce même bouton , au deuxième clic je souhaiterais qu'il reprenne son "width" normal

    Voici mon code :
    <script type="text/javascript" src="includes/plugins/animatedcollapse.js"></script>
    <script type="text/javascript">
    animatedcollapse.addDiv('menu_gauche', 'fade=1,speed=100,group=pets,hide=0')
    
    animatedcollapse.ontoggle=function($, divobj, state){ 
    }
    animatedcollapse.init()
    
    </script>
    


    Dans mon HTML

    <div id="contenu"><a href="#" rel="toggle[menu_gauche]" data-openimage="./images/close.png" data-closedimage="./images/close.png">
    <img src="./images/close.png" border="0" title="Fermer/Ouvrir le menu" /></a>
    </div>
    
    <div id=menu_gauche>blabla</div>
    


    Pourriez vous me donner un coup de main le javascript n'ai pas du tout mon fort (bien qu'ayant lu les tutoriels du site du zero.
    Merci d'avance et joyeuse fête !



    • Partager sur Facebook
    • Partager sur Twitter
      9 janvier 2011 à 22:36:21

      Pour changer la largeur de n'importe quel element :

      document.getElementById(sonId).style.width = "nouvelleValeure";

      l'interet c'est que tu peut utiliser les %, les px ou les em.

      ;)
      • Partager sur Facebook
      • Partager sur Twitter

      Afficher/ Masquer Menu

      × 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