[RÉGLÉ] Intégrer script jQuery

Réduire
X
Réduire
 
  • Page sur 2
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages
Précédent 1 2 template Suivant
  • #1

    [RÉGLÉ] [RÉGLÉ] Intégrer script jQuery

    Salut tout le monde. Je sais que la question fut abordée souvent. Mais malgré les réponses données un peu partout sur la toile, je n'arrive pas à implémenter la solution !

    Je cherche à intégrer un script jQuery qui modifie l'aspect des scroll. Le but étant de ne l'appliquer que sur une classe définie dans le CSS du module.

    Ici la page dédiée au script

    J'ai un module (Slide) qui marche nickel, ça veut dire que jQuery marche également.

    J'ai tout essayé (dans la limite de mes compétences). Et ça ne marche pas :
    J'ai installé des plugins qui intègrent le script.
    Je l'ai intégré dans le Index.php avant le </head>..Rien...

    J'ai mis les fichiers d'appel JS à la racine du template (pour éviter toute erreur d'appel)...Rien, walloo !

    Faut-il intégrer le code d'intégration du script dans un module, dans l'Index.php ou ailleurs ?
    Je joint une capture d'écran....
    Merci de m'éclaire !
    Bonne soirée.

    Cliquez sur l'image pour l'afficher en taille normale Nom : capture-x.jpg  Affichages : 1  Taille : 129,9 Ko  ID : 1819643
    Dernière édition par sightimpact à 24/09/2013, 09h54
    Tags: jquery
  • #2
    Re : Intégrer script jQuery

    Bonjour,

    Vu que la page du script intègre les appels par fonctions anonymes, il faut utiliser le mode noConflict de JQuery avant ces appels pour éviter tout conflit.
    jQuery.noConflict() | jQuery API Documentation
    http://api.jquery.com/jQuery.noConflict/


    Et le tout charge une version 1.9 de JQuery, en supplément de la 1.8 chargée par Joomla!
    Pas de demande de support par MP.
    S'il n'y a pas de solution, c'est qu'il n'y a pas de problème (Devise Shadok)

    Commentaire

    • #3
      Re : Intégrer script jQuery

      Envoyé par jisse03 Voir le message
      Bonjour,

      Vu que la page du script intègre les appels par fonctions anonymes, il faut utiliser le mode noConflict de JQuery avant ces appels pour éviter tout conflit.
      jQuery.noConflict() | jQuery API Documentation
      http://api.jquery.com/jQuery.noConflict/


      Et le tout charge une version 1.9 de JQuery, en supplément de la 1.8 chargée par Joomla!
      Salut.
      Je sèche !

      J'ai installé le plugin JB Library qui permet d'éviter les conflits de versions et j'ai mis dans le <head> l'appel :

      Code:
      <link href="/scroll_plg/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/scroll_plg/jquery.mCustomScrollbar.concat.min.js"></script>
      Avant le </body> j'ai inséré :
      Code:
      <script>
(function($){
   $(window).load(function(){
      $(".content").mCustomScrollbar();
   });
})(jQuery);
</script>
      Et mes scripts sont dans un dossier scroll_plg qui se trouve à la racine de Ganrty (là où se trouve l'index.php)
      Toujours rien..

      Comment savoir si jQuery est fonctionnel dans Joomla ? Déjà pour exclure cette possibilité...

      Peut être j'insère les lignes de code à de mauvais endroits...
      Merci

      Commentaire

      • #4
        Re : Intégrer script jQuery

        JQuery est présent un peu partout, dans de nombreuses extensions. Mais avant une fonction($), appeler JQuery.noConflict pour convertir cet appel anonyme qui pourrait interférer avec Mootools.
        Pas de demande de support par MP.
        S'il n'y a pas de solution, c'est qu'il n'y a pas de problème (Devise Shadok)

        Commentaire

        • #5
          Re : Intégrer script jQuery

          Envoyé par jisse03 Voir le message
          JQuery est présent un peu partout, dans de nombreuses extensions. Mais avant une fonction($), appeler JQuery.noConflict pour convertir cet appel anonyme qui pourrait interférer avec Mootools.
          Rien ne change. Voici mon script avant le </body>

          Code:
          <script type="text/javascript">
$.noConflict();
   $(window).load(function(){
      $(".bottom_item").mCustomScrollbar();
   });
</script>
          Y'a-t-il un moyen pour savoir si jQuery est convenablement chargé ?

          Commentaire

          • #6
            Re : Intégrer script jQuery

            Pour la 3ème fois, ce n'est certainement pas $.noConflict(), mais JQuery.noConflict() en TOUTES LETTRES, conformément à la doc.

            L'utilisation du $.noConflict() ne résout pas toujours les conflits Mootools.
            Dernière édition par jisse03 à 19/09/2013, 19h59
            Pas de demande de support par MP.
            S'il n'y a pas de solution, c'est qu'il n'y a pas de problème (Devise Shadok)

            Commentaire

            • #7
              Re : Intégrer script jQuery

              Envoyé par jisse03 Voir le message
              Pour la 3ème fois, ce n'est certainement pas $.noConflict(), mais JQuery.noConflict() en TOUTES LETTRES, conformément à la doc.

              L'utilisation du $.noConflict() ne résout pas toujours les conflits Mootools.
              Hum...Pas besoin de crier j'avais pas compris.

              Donc,
              Code:
              <script type="text/javascript">
	JQuery.noConflict()
   $(window).load(function(){
      $(".bottom_item").mCustomScrollbar();
   });
</script>
              Ne donne rien.
              Peut être jQuery n'est pas activé sur Joomla. Comment le savoir ?

              Commentaire

              • #8
                Re : Intégrer script jQuery

                Si JQuery n'était pas chargé, il y aurait carrément bien plus d'erreurs...

                Vérifies avec Firebug ou l'inspecteur d'éléments de Chrome s'il n'y a pas un autre script attaché au chargement de la page, donc d'autres window.load.
                Pas de demande de support par MP.
                S'il n'y a pas de solution, c'est qu'il n'y a pas de problème (Devise Shadok)

                Commentaire

                • #9
                  Re : Intégrer script jQuery

                  Envoyé par jisse03 Voir le message
                  Si JQuery n'était pas chargé, il y aurait carrément bien plus d'erreurs...

                  Vérifies avec Firebug ou l'inspecteur d'éléments de Chrome s'il n'y a pas un autre script attaché au chargement de la page, donc d'autres window.load.
                  Bonjour,
                  Alors, en terme d'erreur je suis un peu gâté.

                  Code:
                  Uncaught ReferenceError: jQuery is not defined
                  qui renvoi à ce bout de script
                  Code:
                  <script type="text/javascript">
	JQuery.noConflict()
   $(window).load(function(){
      $(".bottom_item").mCustomScrollbar();
   });
</script>
                  Cliquez sur l'image pour l'afficher en taille normale Nom : capture.jpg  Affichages : 1  Taille : 51,4 Ko  ID : 1803028
                  Merci

                  Commentaire

                  • #10
                    Re : Intégrer script jQuery

                    reviens à $.noConflict() pour voir quelles seront les autres erreurs...
                    Pas de demande de support par MP.
                    S'il n'y a pas de solution, c'est qu'il n'y a pas de problème (Devise Shadok)

                    Commentaire

                    • #11
                      Re : Intégrer script jQuery

                      Envoyé par jisse03 Voir le message
                      reviens à $.noConflict() pour voir quelles seront les autres erreurs...
                      j'ai changé JQuery.noConflict() par $.noConflict()
                      Cliquez sur l'image pour l'afficher en taille normale Nom : capture2.jpg  Affichages : 1  Taille : 25,6 Ko  ID : 1803029

                      Commentaire

                      • #12
                        Re : Intégrer script jQuery

                        Voici le site en ligne, c'est mieux je pense pour "auditer" la chose
                        Le site

                        La classe appliquée est boite3

                        Le dossier (scroll_plg) contenant les scripts est à la racine du site. Il contient :
                        Code:
                        jquery-1.9.1.min.js
jquery.mCustomScrollbar.concat.min.js
jquery.mCustomScrollbar.css
                        Le code jQuery est inséré avant </body>. Voici ce code :
                        Code:
                        <script type="text/javascript">
	JQuery.noConflict()
   $(window).load(function(){
      $(".boite3 ").mCustomScrollbar();
   });
</script>
                        Dernière édition par sightimpact à 20/09/2013, 10h05

                        Commentaire

                        • #13
                          Re : Intégrer script jQuery

                          Il te reste à tracer ce qui cause ce problème... Il manque manifestement quelque chose, mais sans pouvoir tracer ligne par ligne, on en peut deviner où est l'erreur.
                          Pas de demande de support par MP.
                          S'il n'y a pas de solution, c'est qu'il n'y a pas de problème (Devise Shadok)

                          Commentaire

                          • #14
                            Re : Intégrer script jQuery

                            Envoyé par jisse03 Voir le message
                            Il te reste à tracer ce qui cause ce problème... Il manque manifestement quelque chose, mais sans pouvoir tracer ligne par ligne, on en peut deviner où est l'erreur.
                            Regarde le message précédant.

                            Commentaire

                            • #15
                              Re : Intégrer script jQuery

                              J'ai un module slide qui utilise jQuery et il marche nickel. Du coup j'ai supprimé

                              Code:
                              <script src="/templates/gantry/scroll_plg/jquery-1.9.1.min.js"></script>
                              Il me reste une erreur concernant jQuery
                              Code:
                              Uncaught ReferenceError: JQuery is not defined
                              et ça concerne
                              Code:
                              <script type="text/javascript">
	JQuery.noConflict()
   $(window).load(function(){
      $(".boite3 ").mCustomScrollbar();
   });
</script>

                              Commentaire

                              Précédent 1 2 template Suivant

                              Annonce

                              Réduire
                              Aucune annonce pour le moment.

                              Partenaire de l'association

                              Réduire
                              Hébergeur Web PlanetHoster
                              Travaille ...
                              X