Discussion :

[toine92]

Bonjour à tous,

Voila mon problème :
J'utilise JQuery + datepicker UI pour afficher un joli calendrier dans un formulaire accessible à cette adresse http://www.squash-contact.com/inscription.php

Le script est en place depuis 2008 et fonctionnait correctement mais j'ai dû faire des modifications mineures qui l'ont bloqué, résultat : $ is undefined au chargement du calendrier, ligne "Ddate de naissance".

Est ce que quelqu'un aurait une piste ?

Merci d'avance

[SpaceFrog]

A priori cela veut dire que jquery n'est pas pris en compte (pas chargé)
le lien vers la librairie n'est pas bon
cf.
http://javascript.developpez.com/faq...#InclurejQuery

[llaffont]

Cette ligne js/calendrier/chargement_calendrier.js (ligne 143) charge ton calendrier. Mais inclue également les lignes suivantes

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
	include_url("js/calendrier/jquery.js");
	include_url("js/calendrier/ui.js");
	include_url("js/calendrier/ui.datepicker-fr.js");
 
	include_css("js/calendrier/ui.datepicker.css","datepickerStyle");

elles créent les lignes suivantes dans le header HTML.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<script src="js/calendrier/jquery.js" type="text/javascript"></script>
<script src="js/calendrier/ui.js" type="text/javascript"></script>
<script src="js/calendrier/ui.datepicker-fr.js" type="text/javascript"></script>
<link id="datepickerStyle" href="js/calendrier/ui.datepicker.css" rel="stylesheet" type="text/css" media="screen">

Ce qui est normal si tu utilises les JS que sur cette page de souscription.
Je supprimerais ces include_url de ton fichier JS et ajouterais les lignes script après la ligne

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<link type="text/css" title="main.css" rel="stylesheet" href="main.css">

de ton head afin de charger les scripts JS dès le chargement de la page.

Tu pourras par la même occasion supprimer la ligne 143 :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<!-- chargement du calendrier Javascript-->
<script src="js/calendrier/chargement_calendrier.js" type="text/javascript"></script>

[toine92]

Merci llaffont !

J'ai appliqué ta méthode et le fait d'inclure directement la librairie sans passer par le DOM marche parfaitement !

encore merci