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
                              1 sur 2 < >

                              C'est [Réglé] et on n'en parle plus ?

                              A quoi ça sert ?
                              La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

                              Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

                              Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
                              Comment ajouter la mention [Réglé] à votre discussion ?
                              1 - Aller sur votre discussion et éditer votre premier message :


                              2 - Cliquer sur la liste déroulante Préfixe.

                              3 - Choisir le préfixe [Réglé].


                              4 - Et voilà… votre discussion est désormais identifiée comme réglée.

                              2 sur 2 < >

                              Assistance au forum - Outil de publication d'infos de votre site

                              Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

                              Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

                              Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

                              UTILISER À VOS PROPRES RISQUES :
                              L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

                              Problèmes connus :
                              FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

                              Installation :

                              1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

                              Archive zip : https://github.com/AFUJ/FPA/zipball/master

                              2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

                              3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

                              4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

                              5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

                              6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
                              et remplacer www. votresite .com par votre nom de domaine


                              Exemples:
                              Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
                              Télécharger le script fpa-fr.php dans: /public_html/
                              Pour executer le script: http://www..com/fpa-fr.php

                              Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
                              Télécharger le script fpa-fr.php dans: /public_html/cms/
                              Pour executer le script: http://www..com/cms/fpa-fr.php

                              En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

                              Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
                              Voir plus
                              Voir moins

                              Partenaire de l'association

                              Réduire

                              Hébergeur Web PlanetHoster
                              Travaille ...
                              X