Jqueryui

Résolu
Bonjour,

J'ai bien téléchargé les fichiers jqueryui et les est mis dans mon dossier de travail puis j'ai ouvert une page html avec le code suivant:
<!DOCTYPE html>
<html>
    <head>
        <meta charset="iso-8859-1" />
        <title>Votre titre</title>
   
        <!-- inclusion du style CSS de base -->
    <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/smoothness/jquery-ui.css" />
    </head>

    <body>

        <!-- inclusion des librairies jQuery et jQuery UI (fichier principal et plugins) -->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script>
    </body>
</html>

Ensuite, avant </body> j'inclus les codes jqueryui mais cela ne marche pas!

Merci beaucoup pour votre réponse.
Cordialement

Claudio61

EDIT : AJOUT DES BALISES DE CODE

6 réponses

  1. Bonjour jordane45,

    (Je réussi à utiliser avec jquery mais jquery-ui me pose des problèmes)

    Voici mon script:

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="iso-8859-1" />

    <title>Votre titre</title>

    <!-- inclusion du style CSS de base -->

    <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/smoothness/jquery-ui.css" />

    </head>

    <body>

    <script type="text/javascript">
    jQuery(document).ready(function(){
    alert("jQuery est prêt !");
    });
    </script>

    $(function(){

    });

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script>

    </body>

    </html>
    Firebug écrit:

    ReferenceError: jQuery is not defined

    jQuery(document).ready(function(){

    Sur la page ouverte je peut lire :

    $(function(){ });

    Merci!
    Cordialement

    Claudio61
    1. Salut,

      Je pense que si vous appeliez vos fichier jquery.min.js et jquery-ui.min.js depuis le head, tout fonctionnerai......................

      Cordialement
    2. <head>
      <meta charset="iso-8859-1" />
      <title>Votre titre</title>
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script> 
      <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/smoothness/jquery-ui.css" />
      </head>
      


      EDIT : Ajout des balises de code.
  2. Bonjour,

    Tu importes bien ce qu'il faut pour faire fonctionner jquery, mais peut tu nous mettre ton code jquery stp.

    Sinon essais de mettre :

    <script type="text/javascript">
    jQuery(document).ready(function(){
     alert("jQuery est prêt !");
    });
    </script>
    


    pour tester, ca doit t'ouvrir une fenêtre quand tu charges la pages

    EDIT : AJOUT DES BALISES DE CODE
    1. Modérateur
      Bonjour,

      +1 pour Envoxx

      par contre..Je rajouterai :

      Tu nous dis :
      J'ai bien téléchargé les fichiers jqueryui et les est mis dans mon dossier de travail

      Alors que dans ton code... tu pointes sur les fichiers google.....
        <!-- inclusion des librairies jQuery et jQuery UI (fichier principal et plugins) -->
              <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
          <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script>
      

      Si tu les as téléchargé... utilises les !
        <!-- inclusion des librairies jQuery et jQuery UI (fichier principal et plugins) -->
              <script type="text/javascript" src="repertoire_sur_ton_serveur/jquery.min.js"></script>
          <script type="text/javascript" src=repertoire_sur_ton_serveur/jquery-ui.min.js"></script>
      


      De plus... lorsque l'on dev en Javascript .. il est utile d'utiliser les outils de debogage de son navigateur internet.
      Perso... j'utilise le plugin FIREBUG pour Firefox..... cela permet de voir les éventuelles erreurs de script.

      1. Bonsoir jordane45 et EnvoxX ,

        Merci pour votre réponse firebug me dit:

        ReferenceError: jQuery is not defined

        jQuery(document).ready(function(){

        lorsque j'écris le script ci-dessous:

        <script type="text/javascript">
        jQuery(document).ready(function(){
        alert("jQuery est prêt !");
        });
        </script>

        lorsque je mets celui-ci:

        $(function(){ });
        Il n'y a pas d'erreur mais ce script est écrit sur la page.

        Cordialement

        Claudio61
        1. Modérateur
          Et tu as modifié l'import de JQUERY comme je te l'ai préconisé ?

          Montre nous ton code modifié ....
      2. salut

        déjà il faut faire appel à tes function jquery après l'appel à jquery et jqueryui sinon cela ne vas as marcher

        une technique consiste a mettre l'appel aux librairies jquery et jqueryui dans le head puis les scripts jquery (sliders tooltips etc ...) après (toujours dans le head)
        enfin après <body> l'appel des script --> <script>$(document).ready(function(){})<script>

        Une autre technique consiste a mettre tout ca avant </body> mais toujours dans le bon ordre
        appel des librairies
        appel des scripts
        initialisation des scripts
        1. Merci animostab jordane45 et EnvoxX : çà marche!!

          Cordialement

          Claudio61