Javascript associé a un onglet

Bonjour,

Je viens de me rendre compte d'un bug sur le site que je developpe.

J'ai une page principale (index.php) qui contiens un panneau a onglet
Chaque onglet contient une page qui a son propre fichier de fonction javascript.
Je me suis rendu compte que c'etais le fichier javascript du dernier onglet qui etais utiliser... :[

Y a t-il une technique pour recharger le javascript associé quand ont change d'onglet.

Merci d'avance ...je transpire
Configuration: Windows XP
Opera 9.64

15 réponses

  • Votes
  • Date
  • Date décroissante
  1. Ah et si en plus c'est du Javascript à la sauce dreamweaver bonjour la galère ! lol
    Personnellement je préfère coder moi même éventuellement utiliser une librairie JS mais pas plus
    1. c tous en javascript

      et pas du facile pour un novice comme moi :(
      1. Oui c'était bien ma question ...

        Bizarre pas de lien lorsque tu cliques sur le titre d'un onglet ? Mais que se passe-t-il alors lorsqu'on clique sur un titre d'un onglet ? Rien ? Ou alors y'a du Javascript derrière ...

        Mets en ligne un ex parce que là je vois pas comment ton truc peut fonctionner
        1. non dans les titres j'ai juste les titres???

          du genre

          <div id="onglets" class="TabbedPanels">
               <ul class="TabbedPanelsTabGroup">
                          <li class="TabbedPanelsTab" tabindex="0"><?php echo $label_onglet_acceuil;?></li>
                          <li class="TabbedPanelsTab" tabindex="0"><?php echo $label_onglet_doc;?></li>
                          <li class="TabbedPanelsTab" tabindex="0"><?php echo $label_onglet_forum;?></li>
                           ....
               </ul>
          


          C'etais bien ta question?
          1. c un panneau a onglet type de dreamweaver CS3 qui est dans un div

            les onglets sont du genre
            <div class="TabbedPanelsContent"><?php include("contact/contact.php"); ?></div>
            1. Wow un peu court d'autant plus que je n''utilise pas DW ... T'Oh :-)

              Dans le titre de chacun de tes onglets je suppose que tu as un lien vers une page php à chaque fois différente non ?
          2. je vois toujours pas comment faire pour qu'il recharge la page (ou juste le fichier .js associé) quand on click sur l'onglet

            :(
            1. Bsr

              Donne ton code car comme ça c'est pas vraiment possible de te répondre
          3. aprés une seconde verification...je confirme

            La page associé a l'onglet n'est pas rechargé..
            1. merci

              mais j'avais deja verifié...je comprend pas...
              Pour les fonctions qui sont unique ...il les trouve bien dans le fichier associé a l'onglet
              Mais pas pour les fonctions qui sont dupliquer dans chaque .js ...il prend toujours celui associé au dernier onglet

              Je ne pense pas que la page soit rechargé... lors de la selection de l'onglet..
              Le probleme dois etre la
              1. C'est pas la bonne methode?
                1. Bjr

                  si c'est une méthode parfaitement valide

                  Donc en fait tu recharges ta page à chaque changement d'onglet donc normalement ton code JS aussi : je ne vois pas pourquoi ça ne fonctionne pas ... vérifie que dans ta page tu retrouves bien le bon code JS ou le bon .js externe
              2. Bjr

                Je me suis rendu compte que c'etais le fichier javascript du dernier onglet qui etais utiliser... :[

                Bizarre normalement lorsque tu cliques sur un onglet la page est complètement rechargée donc ton code JS aussi ou alors tu utilises les frames ou je ne sais quelle bidouille.

                Non j'ai la fx A pour un onglet
                et une autre fx A pour un autre ...etc


                Donc tu établies une dépendance forte entre ton code JS et ta page ... Je ne code jamais de cette façon !
                Il faut penser générique et réutilisabilité. Utilise des fonctions avec des paramètres comme l'a dit Alain_42 ou des objets que tu dérives en fonction de tes besoins.
                1. ...ou alors tu utilises les frames ou je ne sais quelle bidouille.

                  Pour mes onglets, je fait des include de page en php..
              3. je prefereai une autre methode :(
                1. Pourtant le principe d'une fonction c'est d'être réutilisable.

                  Ce sont les arguments passés qui font la différence;

                  mais bon tu fais comme tu veux.
              4. non j'ai la fx A pour un onglet
                et une autre fx A pour un autre ...etc
                1. si c'est exatement la même fonction il suffirt de lui passer des arguments différents suivant l'onglet qui appelle
              5. non, ca m'arrange pas, car la meme fonction est differentre selon l'onglet
                1. car la meme fonction est differentre selon l'onglet

                  si tu as la fonction A qui correspond à onglet 1

                  la B à l'onglet 2
                  la C à l'onglet 3

                  qui t'empèche de mettre les 3 fonctions A B et C dans le fichier JS joint

                  chaque onglet appelera la fonction adok
              6. et si tu mets toutes tes fonctions javascript de tous les onglets dans un seul et même fichier ?