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

  1. et si tu mets toutes tes fonctions javascript de tous les onglets dans un seul et même fichier ?
    0
    1. non, ca m'arrange pas, car la meme fonction est differentre selon l'onglet
      0
      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
        0
    2. non j'ai la fx A pour un onglet
      et une autre fx A pour un autre ...etc
      0
      1. si c'est exatement la même fonction il suffirt de lui passer des arguments différents suivant l'onglet qui appelle
        0
    3. je prefereai une autre methode :(
      0
      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.
        0
    4. 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.
      0
      1. ...ou alors tu utilises les frames ou je ne sais quelle bidouille.

        Pour mes onglets, je fait des include de page en php..
        0
    5. C'est pas la bonne methode?
      0
      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
        0
    6. 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
      0
      1. aprés une seconde verification...je confirme

        La page associé a l'onglet n'est pas rechargé..
        0
        1. je vois toujours pas comment faire pour qu'il recharge la page (ou juste le fichier .js associé) quand on click sur l'onglet

          :(
          0
          1. Bsr

            Donne ton code car comme ça c'est pas vraiment possible de te répondre
            0
        2. 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>
          0
          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 ?
            0
        3. 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?
          0
          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
            0
            1. c tous en javascript

              et pas du facile pour un novice comme moi :(
              0
              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
                0
                1. je vois

                  dommage pour moi :(

                  merci quand meme
                  0