Bonjour.
Je souhaite mettre un calendrier d'aide à la saisie sur mon formulaire HTML. J'ai essayé de me servir de jQuery en copiant le code proposé http://jqueryui.com/datepicker/ mais j'ai du oublier quelque chose de très important car le calendrier n'apparait pas quand je clique dans mon champ Date.
Merci de me remettre sur les rails.
Pierre.

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!-- ici le commentaire --> 
<!HTML4 étant basé sur SGML, il lui faut un fichier définissant les règles de balisages (un DTD). Exactement comme XML et XHtml. Le doctype sert à ça,> 
<html> 
 <head> 
 <title>formulaire de saisie</title > 
<!en-tête de page> 
</head >
 
<body> <!corps de la page>
<!formulaire de saisie>
<!<FORM  Pour plus tard en CGI : method=post action="cgi-bin/script.pl">
<!-- ici important : method = post + enctype   permettant un retour a la ligne des données du mail recu -->  
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
 <form name="form1" id="form1" method="post" action="mailto:PP@pp.fr" enctype="text/plain"> 
 
 Enregistrement d'une sortie <br>
<TABLE BORDER=0>
<TR>Date: <input type="text" id="datepicker"></TR>
<TR>
	<TD>Temps</TD>
	<TD>
	<INPUT type=text name="temps" id="temps">
	</TD>
</TR>
 
<TR>
	<TD>Moyenne</TD>
	<TD>
	<INPUT type=text name="moyenne" id="moyenne">
	</TD>
</TR>
 
<TR>
	<TD>Sport</TD>
	<TD>
	Vélo : <INPUT type=radio name="velo" value="V">
	<br>Course à pieds : <INPUT type=radio name="courseapieds" value="CaP">
	</TD>
</TR>
 
<TR>
	<TD>Parcours</TD>
	<TD>
	<SELECT name="parcours">
		<OPTION VALUE="boulotAR">Boulot A/R</OPTION>
		<OPTION VALUE="TL2">Toulon-Faron</OPTION>
		<OPTION VALUE="MtCaume">Toulon-Mt Caume</OPTION>
		<OPTION VALUE="TL1">Faron-MtCaume-Faron</OPTION>
		<OPTION VALUE="Serre-BauRouge">Col-Serre-Bau Rouge</OPTION>
	</SELECT>
	</TD>
</TR>
<TR>
	<TD>Commentaires</TD>
	<TD>
	<TEXTAREA rows="3" name="commentaires">
	Tapez ici vos commentaires</TEXTAREA>
	</TD>
</TR>
 
<TR>
	<TD COLSPAN=2>
	<INPUT type="submit" name="Submit" value="Envoyer">   <p>  
	</TD>
</TR>
</TABLE>
</FORM>
<footer> <!pied-de-page></footer> </body >
 
</html >