Jqueryui
Résolu/Fermé6 réponses
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
(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
EnvoxX
Messages postés
21
Date d'inscription
jeudi 29 janvier 2015
Statut
Membre
Dernière intervention
4 juin 2015
Modifié par jordane45 le 3/02/2015 à 18:32
Modifié par jordane45 le 3/02/2015 à 18:32
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 :
pour tester, ca doit t'ouvrir une fenêtre quand tu charges la pages
EDIT : AJOUT DES BALISES DE CODE
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
jordane45
Messages postés
38389
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 janvier 2025
4 729
3 févr. 2015 à 18:32
3 févr. 2015 à 18:32
Bonjour,
+1 pour Envoxx
par contre..Je rajouterai :
Tu nous dis :
Alors que dans ton code... tu pointes sur les fichiers google.....
Si tu les as téléchargé... utilises les !
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 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.
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
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
jordane45
Messages postés
38389
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 janvier 2025
4 729
4 févr. 2015 à 20:24
4 févr. 2015 à 20:24
Et tu as modifié l'import de JQUERY comme je te l'ai préconisé ?
Montre nous ton code modifié ....
Montre nous ton code modifié ....
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
737
5 févr. 2015 à 12:51
5 févr. 2015 à 12:51
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
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
5 févr. 2015 à 14:50
Je pense que si vous appeliez vos fichier jquery.min.js et jquery-ui.min.js depuis le head, tout fonctionnerai......................
Cordialement
Modifié par jordane45 le 5/02/2015 à 15:56
EDIT : Ajout des balises de code.