Jqueryui

Résolu
claudio61 -  
 claudio61 -
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

Réponse 1 / 6
claudio61
 
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
Exileur Messages postés 1621 Statut Membre 150
 
Salut,

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

Cordialement
0
Exileur Messages postés 1621 Statut Membre 150
  
<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.
0
Réponse 2 / 6
EnvoxX Messages postés 21 Statut Membre
 
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
0
Réponse 3 / 6
jordane45 Messages postés 40050 Statut Modérateur 4 754
 
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.



0
Réponse 4 / 6
claudio61
 
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
0
jordane45 Messages postés 40050 Statut Modérateur 4 754
 
Et tu as modifié l'import de JQUERY comme je te l'ai préconisé ?

Montre nous ton code modifié ....
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 6
animostab Messages postés 3003 Statut Membre 738
 
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
0
Réponse 6 / 6
claudio61
 
Merci animostab jordane45 et EnvoxX : çà marche!!

Cordialement

Claudio61
0