Tab menu javascript

Résolu
mchiicha -  
 mchiicha -
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. NookZ Messages postés 2376 Statut Membre 514
     
    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"
    0
    1. mchiicha
       
      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
      0
      1. NookZ Messages postés 2376 Statut Membre 514 > mchiicha
         
        Il fait un onmouseover au lieu d'un onclick c'est ça?
        0
      2. mchiicha > NookZ Messages postés 2376 Statut Membre
         
        Oui 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
        0
  2. NookZ Messages postés 2376 Statut Membre 514
     
    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";

    }
    0
    1. mchiicha
       
      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
      0
  3. ezo_es Messages postés 103 Statut Membre 9
     
    Bonjour
    n'oublies pas que java est sensible a la casse dans peut etre que c'est Onclick au lieu de onclick.

    bonne chance
    0