Conflit avec javascript

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Conflit avec javascript

    Joomla 2.5.8 template ja-purity II
    Sur un nouveau site le mega menu ne se déroule plus.
    J'ai mis un code javascript dans le head.php du template afin qu'il soit entre <head> et </head> du code source
    <script type="text/javascript" src="http://modules.phone-XXXXXXXXXXXXX/XXX/XXX/_js/jquery.js"></script>
    <link rel="stylesheet" href="http://modules.phone-voyance.com/XXXXX/aff/_css/design.css" type="text/css"/>
    Quand ce code est en place le méga menu ne se déroule plus. Quand je l'enlève le menu fonctionne de nouveau.
    Faut il changer de menu ?
    Je dois mettre ce code pour ouvrir des modules sur le site ;ceux ci étant sur un hébergement extérieur
    https://www.michel-pilato.fr

  • #2
    Re : Conflit avec javascript

    Salut,

    essaye de mettre ceci juste en dessous de <head>, et donc au dessus des fichiers mootools.
    Code PHP:
    <script src="http://code.jquery.com/jquery-latest.js"></script//ton fichier jQuery

    <script type="text/javascript"
    jQuery.noConflict();
    </
    script
    Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla base de connaissance : https://kb.joomla.fr

    Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer

    Commentaire


    • #3
      Re : Conflit avec javascript

      Envoyé par ghazal Voir le message
      Salut,

      essaye de mettre ceci juste en dessous de <head>, et donc au dessus des fichiers mootools.
      Si je comprend bien -->en premiére ligne dans le head, je vais essayer, merci
      J'ai du mal a isolé mon fichier jquery pour l'injecter dans le code
      Peut être "jquery.js" mais comment le mettre dans le code
      Dernière édition par WROOM à 10/01/2013, 13h55
      https://www.michel-pilato.fr

      Commentaire


      • #4
        Re : Conflit avec javascript

        Ce qui génére le conflit avec le mega menu
        <script type="text/javascript" src="http://modules.phone-XXXXXXXXXXXXX/XXX/XXX/_js/jquery.js"></script>
        <link rel="stylesheet" href="http://modules.phone-voyance.com/XXXXX/aff/_css/design.css" type="text/css"/>
        Voila ce que j'ai fais
        <script type="text/javascript" src=""http://code.jquery.com/jquery-latest.js"></script> //_js/jquery.js</script> <link rel="stylesheet" href="http://modules.phone-voyance.com/xxxxxxx/aff/_css/design.css" type="text/css"/>

        <script type="text/javascript">
        jQuery.noConflict();
        </script>
        Bon ça doit pas être bon il manque le premier "scr". Pour un retraité débutant c'est difficile...Si une âme charitable pouvais m'aider !
        https://www.michel-pilato.fr

        Commentaire


        • #5
          Re : Conflit avec javascript

          oula, reprenons ..
          L'appel à du JavaScript dans <head> .... </head>, par exemple, se fait entre 2 balises :
          <script type="text/javascript">

          </script>
          Un script JavaScript appelle un fichier, exemple :
          <script src="ton_script.js" type="text/javascript" charset="utf-8"></script
          Un script JavaScript appelle du code JS inline (directement dans la page), exemple :
          <script type="text/javascript">
          Query.noConflict();
          </script>
          Avec Joomla 2.5, placer la librairie jQuery est toujours un peu compliqué à cause de mootools, qui entre en conflit avec jQuery.

          La solution que je t'ai proposée, qu'il faudrait reprendre telle quelle, et que j'ai RE-modifiée selon ton premier post :
          <script src="http://modules.phone-XXXXXXXXXXXXX/XXX/XXX/_js/jquery.js"></script>

          <script type="text/javascript">
          jQuery.noConflict();
          </script>
          Essaye de la placer en dessus de </head>, si cela génère un conflit avec le mega menu.
          Si encore conflit, essaye aussi juste en dessus de </body>

          MAIS, l'appel CSS reste dans la head.
          <link rel="stylesheet" href="http://modules.phone-voyance.com/XXXXX/aff/_css/design.css" type="text/css"/>
          avec les autres fichiers CSS.


          NB : dans le post #4, tu as rajouté un </script> inutile après //_js/jquery.js</script>.
          Le signe // signifie simplement un commentaire, non interprété par le navigateur.

          C'est un peu plus clair ?
          Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla base de connaissance : https://kb.joomla.fr

          Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer

          Commentaire


          • #6
            Re : Conflit avec javascript

            Merci, bon je verrais plus tard pour l'instant je réinstalle tout :mon site déconne-->il se met en https et a plein de bug, je préfére repartir sur une bonne base . Quand j'aurais fini l'installation je commencerais par ce javascript
            Avec ovh on a pas pu résoudre le probléme de https
            A+ et encore merci
            https://www.michel-pilato.fr

            Commentaire


            • #7
              Re : Conflit avec javascript

              J'ai réinstallé http://www.sagesse-divine.fr/ et fais 4 articles dans le menu consultation. Ces articles ont des liens sur des modules externe.
              J'ai mis le code javascript dans le head
              <script type="text/javascript" src="http://XXXXXX-XXX.com/tpeweb/aff/_js/jquery.js"></script>
              <link rel="stylesheet" href="http://modules.phone-voyance.com/tpeweb/aff/_css/design.css" type="text/css"/>
              Mes 4 modules s'affichent correctement.
              Ensuite j'ai construit un menu déroulant (consultation 2)
              -->conflit le menu ne se déroule pas et mes 4 modules qui fonctionnait bien, seulement 2 fonctionnent.
              Donc je suis tes conseils et place le code comme tu me l'a expliqué au dessus de</head>.
              -->résultat le menu déroulant fonctionne mais j'ai une erreur 404 dans le sous menu
              dans l'autre menu consultation c'est pareil 2 modules sur 4 fonctionne.
              Bon maintenant je voudrais essayer de placer le code comme tu m'a dit au dessus de </body> mais je ne sais pas dans quel fichier le mettre
              https://www.michel-pilato.fr

              Commentaire


              • #8
                Re : Conflit avec javascript

                ... les joyeusetés des conflits mootools / jQuery ...

                mais je ne sais pas dans quel fichier le mettre
                ah, un template JA-T3
                En me basant sur ma version d'un template JA-T3 (ja_elastica), regarde si tu as un fichier comme celui-là :
                templates/ja_elastica/page/default.php

                Malheureusement, je ne pense pas que ca va fonctionner, mais essaye toujours.

                Pour l'instant, je ne vois pas trop comment régler le conflit car ton script est composé de la lib jQuery+ des widgets associés à jQuery+ le code JS jQuery-dépendant propre à l'appli concernée (qui fait quoi d'ailleurs ?)

                Une question, tel que c'est, tu as bien intégré tout : le ou les scripts JS+la CSS + l'HTML correspondant indiqué par le service que que tu veux utiliser ?

                ... on va y arriver ...
                Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla base de connaissance : https://kb.joomla.fr

                Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer

                Commentaire


                • #9
                  Re : Conflit avec javascript

                  Voila ce que j'ai fais
                  ja-purityII/blocks/head.php
                  -->au début

                  </script><link rel="stylesheet" href="http://modules.phone-voyance.com/tpeweb/aff/_css/design.css" type="text/css"/>
                  à la fin du fichier
                  <script type="text/javascript" src="http://modules.phone-voyance.com/tpeweb/aff/_js/jquery.js"></script>
                  <script type="text/javascript">
                  jQuery.noConflict();
                  </script>
                  Ca parait bon dans le code source--->mais ca marche pas
                  Dernière édition par WROOM à 13/01/2013, 23h37
                  https://www.michel-pilato.fr

                  Commentaire


                  • #10
                    Re : Conflit avec javascript

                    Le menu se déroule mais mes modules fonctionnent pas
                    J'ai trouvé le fichier pour mettre le code juste avant </body> --->mondomaine.com/plugin/jat3/jat3/base-themes/defaut/page/defaut.php.
                    J'ai mis le code et toujours des conflits
                    https://www.michel-pilato.fr

                    Commentaire


                    • #11
                      Re : Conflit avec javascript

                      Bonsoir,

                      Les joyeusetés des usines à gaz, surtout avec Jat3, tu peux toujours essayer ce plugin qui dans certains cas solutionne les problèmes de conflits.

                      Commentaire


                      • #12
                        Re : Conflit avec javascript

                        @zepelin57 et @WROOM
                        Le pb, c'est que le script appelé ne comprends pas QUE la librairie jQuery.
                        En fait, peut-être faudrait-il le décomposer :
                        la base de la lib JQ d'un coté, les widgets dans un autre fichier, le script jQuery-based dans un 3e fichier et "embedded" dans le script no-conflict ....
                        Je vais voir si j'ai le temps de le faire dans le journée.
                        Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla base de connaissance : https://kb.joomla.fr

                        Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer

                        Commentaire


                        • #13
                          Re : Conflit avec javascript

                          En fichier joint les fichiers décomposés.
                          Dans l'ordre :
                          * on va essayer avec la derniere version de jQuery
                          <script type='text/javascript' src="http:///ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
                          <script type='text/javascript' src="le_chemin_vers_lefichier/widgets.js"></script>
                          <script type='text/javascript' src="le_chemin_vers_lefichier/script.js"></script>

                          Maintenant, il faut tester comme précédemment.
                          En premier, avec jQuery et ses fichiers, positionnés en dessous des fichiers Mootools dans head.
                          Le no conflict est intégré dans script.js
                          La console de Firebug pour Firefox ouverte pour rapporter les erreurs.

                          PS : j'ai un petit doute sur un ";" dans widgets.js. A voir.

                          Si rien ne fonctionne, il faudra demander aux devs de ce script de le réécrire pour éviter les confllts (ce qui n'est pas fait).
                          Car il n'est pas recommandé de se débarrasser de Mootools dans joomla 2.5.
                          Fichiers joints
                          Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla base de connaissance : https://kb.joomla.fr

                          Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer

                          Commentaire


                          • #14
                            Re : Conflit avec javascript

                            Je vous remercie GHAZAL et ZEPELIN 57. Je n'avais pas vu le dernier post (je n'ai pas reçu d'avis dans la messagerie)
                            Donc ce matin j'ai uploadé mon site local -->en ligne, ainsi que la BDD.(le local fonctionnait bien sans menu déroulant)
                            J'ai modifié le fichier configuration.php pour l'accés à la BDD
                            Donc j'ai renoncé au menu déroulant pour éviter les conflits. Dans un premier temps je suis satisfais que tout fonctionne. Je commençais à désespérer.POur ton travail je vais l'étudier demain
                            https://www.michel-pilato.fr

                            Commentaire


                            • #15
                              Re : Conflit avec javascript

                              Voila j'ai inclus tes 2 fichiers et modifié le code comme tu me l'a expliqué. Le menu déroulant ne fonctionne toujours pas, c'est dommage.
                              J'ai placé le code juste avant</head> regarde le code source. J'ai créé 2 répertoires à la racine pour mettre tes fichiers.
                              Peut être j'ai fais une erreur.
                              Bon je ne veux pas te faire perdre du temps, je peux me passer du menu déroulant.
                              https://www.michel-pilato.fr

                              Commentaire

                              Annonce

                              Réduire
                              Aucune annonce pour le moment.

                              Partenaire de l'association

                              Réduire

                              Hébergeur Web PlanetHoster
                              Travaille ...
                              X