Tab menu javascript

Résolu
Bonjour,

Que dois je changer dans mon code pour que quand je clique sur un onglet de mon top il change de couleur et quand je clique sur un autre celui-ci change de couleur?

Merci!
Configuration: Windows XP
Firefox 3.0.7

3 réponses

  1. Il faudrait mettre un évènement onclick sur les éléments qui doivent changer de couleur et appeler une fonction javascript changeCouleur(this.id).
    et dans le js un truc du style :
    docuement.getElementByID(id).style.color = "code couleur"
    1. Dans mon javascript j'ai mis

      <script type="text/javascript">
      //SYNTAX: tabmenu.definemenu("tab_menu_id", integer OR "auto")
      tabmenu.definemenu("elips_tab_menu", 0) //initialize Tab Menu with 1st tab selected
      function changeCouleur(id){
      document.getElementByID(id).style.color = "blue"
      }
      </script>
      le tabmenu.definemenu va faire en sorte que le premier onglet soit tjrs en blue

      et dans mon div j'ai mis le code suivant

      <div id="elips_tab_menu" class="glowingtabs">
      <ul>
      <li><a href="<?php echo MY_WWW ?>/radio_environment/re_index.php" target="_top" rel="menu_tab_1" onclick="changeCouleur(this.id)"><span>Radio Environment</span></a></li>
      <li><a href="<?php echo MY_WWW ?>/network_records/nr_index.php" target="_top" rel="menu_tab_2" onclick="changeCouleur(this.id)"><span>Network Records</span></a></li>
      <li><a href="<?php echo MY_WWW ?>/monitoring.php" rel="menu_tab_3"><span>Monitoring</span></a></li>
      <li><a href="<?php echo MY_WWW ?>/admin.php" rel="menu_tab_4"><span>Admin</span></a></li>
      </ul>
      </div>
      quand je mets la souris sur le deuxieme onglet il devient bleu mais quand je clique il reste toujours en noir
      Y a qqch qui marche pas dans mon code :s
    2. @mchiichaIl fait un onmouseover au lieu d'un onclick c'est ça?
    3. @NookZOui mais c surtout que j'ai l'impression qu'il exécute même pas la fonction changeCouleur puisque quand je change le code couleur je vois aucun changement :s donc je ne sais pas si je l'appelle bien :s
  2. change ceci

    onclick="changeCouleur(this.id)"

    remplace apr

    onclick="changeCouleur(this.id);"

    puis
    function changeCouleur(id){
    document.getElementByID(id).style.color = "blue"
    }

    par
    function changeCouleur(id){
    document.getElementByID(id).style.color = "#2e78c3";

    }
    1. Non en fait c'était pas ça le problème
      <script type="text/javascript">
      //SYNTAX: tabmenu.definemenu("tab_menu_id", integer OR "auto")
      tabindex=parseInt(<?php echo $_GET['tabindex']?>); //
      tabmenu.definemenu("elips_tab_menu", tabindex) //initialize Tab Menu with 1st tab selected
      </script>

      il fallait donc rendre le deuxieme parametre de la fonction definemenu générique et bien la forcer en entier sinon ça marchait pas
      Et donc pas besoin du onclick et de la fonction changeCouleur

      Et là c'est nickel! ^^
      Merci quand même
  3. Bonjour
    n'oublies pas que java est sensible a la casse dans peut etre que c'est Onclick au lieu de onclick.

    bonne chance