utilisation jquery

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

  • utilisation jquery

    J'ai créé un article avec ce code test:
    <!DOCTYPE html>
    <html>
    <head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
    </script>
    <script>
    $(document).ready(function(){
    $("p").click(function(){
    $(this).hide();
    });
    });
    </script>
    </head>
    <body>
    <p>If you click on me, I will disappear.</p>
    <p>Click me away!</p>
    <p>Click me too!</p>
    </body>
    </html>

    Hors à l'affichage aucune action n'est possible ( en principe chaque clic supprime une ligne )
    J'ai installé le plug-in jquery easy
    Quelqu'un à t'il rencontré ce problème?
    SC

  • #2
    Re : utilisation jquery

    [MODO]Sujet déplacé dans la bonne section du forum[/MODO]

    Commentaire


    • #3
      Re : utilisation jquery

      Salut,

      Déjà dans tes balises de script c'est mieux de mettre
      Code:
      <script type="text/javascript">//Ton script</script>
      .
      Ensuite tu peux sur FF ou Chrome ouvrir la console javascript et voir si tu as des erreurs.

      Tu n'as normalement pas besoin d'inclure une nouvelle fois jquery puisque ton plugin doit le faire.

      Une question quand même, le code que tu donnes là c'est pas celui que tu as entré tel quel dans le contenu d'un article?

      Damien
      www.Crac-Design.com

      Commentaire


      • #4
        Re : utilisation jquery

        Bonjour, ce code vient du site w3scools.com et il fonctionne quand je règle easy query en "enable jquery" sur "none", alors à quoi sert ce plugins?

        Commentaire


        • #5
          Re : utilisation jquery

          Ben il sert a inclure jquery et faire en sorte que ça fonctionne avec mootools.

          Il ne faut donc pas inclure le plugin depuis le template, sinon il est inclus deux fois et risque d'être en conflit avec mootools selon le template.

          Supprime la ligne :
          Code:
          <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
          Damien
          www.Crac-Design.com

          Commentaire


          • #6
            Re : utilisation jquery

            Ok j'ai activé le pluging jquery et supprimé la ligne de code , effectivement il n'y a plus de conflit mais le code ne fonctionne pas sur la page html
            sc

            Commentaire


            • #7
              Re : utilisation jquery

              T'aurais un lien sur lequel on peut voir ça?
              www.Crac-Design.com

              Commentaire


              • #8
                Re : utilisation jquery

                salut
                déjà dans un article tu ne peux pas déclarer un doctype, une balise <head> et <body>, ils sont uniques dans la page et sont déjà déclarés dans le template
                donnes nous une url pour vois le souci
                Vive Joomla! http://www.joomlack.fr Tutoriels et extensions pour Joomla!. Livre création de template Joomla de plus de 200 pages.
                http://www.template-creator.com Outil de création de templates
                Module Maximenu CK - Megamenu, multicolonnes, chargement de module, description de lien, deroulement animé - Compatible Virtuemart, Hikashop

                Commentaire


                • #9
                  Re : utilisation jquery

                  Voilà un lien : http://www.stephane-carrey.fr/test/
                  La plupart des autres tests jquery fonctionnent bien
                  SC

                  Commentaire


                  • #10
                    Re : utilisation jquery

                    regarde le source de ta page à partir de ton inclusion tu ouvres un nouveau html doctype...etc
                    Christophe
                    http://www.webcrea.fr

                    Commentaire


                    • #11
                      Re : utilisation jquery

                      regardes le code qui est rendu dans la page :
                      <html>
                      <head>

                      </script>
                      <script>
                      $(document).ready(function(){
                      $("p").click(function(){
                      $(this).hide();
                      });
                      });
                      </script>
                      </head>
                      <body>
                      tu devrais plutot avoir
                      <script>
                      $(document).ready(function(){
                      $("p").click(function(){
                      $(this).hide();
                      });
                      });
                      </script>
                      c'està dire juste l'appel au script
                      Vive Joomla! http://www.joomlack.fr Tutoriels et extensions pour Joomla!. Livre création de template Joomla de plus de 200 pages.
                      http://www.template-creator.com Outil de création de templates
                      Module Maximenu CK - Megamenu, multicolonnes, chargement de module, description de lien, deroulement animé - Compatible Virtuemart, Hikashop

                      Commentaire

                      Annonce

                      Réduire
                      Aucune annonce pour le moment.

                      Partenaire de l'association

                      Réduire

                      Hébergeur Web PlanetHoster
                      Travaille ...
                      X