Bonjour,
J'ai développé quelques pages html et php sous NotePad avec Apache et Php4 et j'aimerai inséré dans un formulaire de saisie un calendrier.
J'en ai trouvé mais se sont des .aspx et je ne sais pas comment faire pour les exécuter.
Je les ai mis dans mon dossier "SiteWeb" avec mes pages php et html.
Le premier me permet de cliquer sur un lien qui doit faire apparaître le calendrier en format popup. J'ai bien un popup qui s'ouvre mais il est vide.
Voici les codes:
ChooseDate.aspx
Calendar.aspx
Code : 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 <%@ Page Language="vb" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>ChooseDate</title> <script runat="server" language="vb"> Private Sub ButtonValidate_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) 'Il est necessaire de valider la page, car la date n'est pas 'obligatoirement valide lorsqu'elle arrive ici, en effet malgré 'la presence d'un validator, si le client desactive javascript, la 'verification ne sera pas effectué chez le client, il faut 'l'effectuer sur le serveur via la méthode Validate de l'objet Page 'Pour vérifier désactiver Javascript, et rentrait une date quelconque Page.Validate() If Page.IsValid Then 'mais par précautions, si un utilisateur arrive à trouver une date 'valide pour le validator et non par la réalité, mieux vaut mettre un try Try LblSelectedDate.Text = " Vous avez selectionné le " & DateTime.Parse(TextBoxDate.Text).ToLongDateString Catch LblSelectedDate.Text = "La date n'est pas valide" End Try Else LblSelectedDate.Text = "La date n'est pas valide" End If End Sub </script> <script language="javascript" type="text/javascript"> function ShowCalendar() { window.open("Calendar.aspx","Calendar","width=238, height=218, resizable=yes, toolbar=false, scrollbars=false, status=yes"); } </script> </head> <body> <form id="Form1" method="post" runat="server"> <p>Date : <asp:textbox id="TextBoxDate" runat="server" maxlength="11" tooltip="jj/mm/aaaa"></asp:textbox> <a href="javascript:ShowCalendar();">Afficher le calendrier</a> <br> <asp:RequiredFieldValidator id="RequiredFieldValidator1" runat="server" ErrorMessage="Vous devez selectionner une date" ControlToValidate="TextBoxDate" Display="Dynamic"></asp:RequiredFieldValidator> <asp:CompareValidator id="CompareValidator1" runat="server" ErrorMessage="La date n'est pas valide" ControlToValidate="TextBoxDate" Type="Date" Operator="DataTypeCheck" display="Dynamic"></asp:CompareValidator> </p> <p><asp:label id="LblSelectedDate" runat="server"></asp:label></p> <p><asp:button id="ButtonValidate" runat="server" text="Valider" onclick="ButtonValidate_Click"></asp:button></p> </form> </body> </html>
Merci,
Code : 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 <%@ Page Language="vb" %> <script language="vb" runat="server"> Private Sub Calendar1_SelectionChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Dim Script As String Script = "<script language=""javascript"" type=""text/javascript"">" & vbNewLine Script &= " window.opener.document.getElementById(""TextBoxDate"").value = """ & Calendar1.SelectedDate.ToShortDateString & """ ;" & vbNewLine Script &= " window.close();</" & "script>" Me.RegisterStartupScript("DateSelected", Script) End Sub </script> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Calendrier</title> </head> <body> <form id="Form1" method="post" runat="server"> <asp:calendar id="Calendar1" runat="server" onselectionchanged="Calendar1_SelectionChanged" borderwidth="1px" backcolor="#FFFFCC" width="220px" daynameformat="Short" forecolor="#663399" height="200px" font-size="8pt" font-names="Verdana" bordercolor="#FFCC66" showgridlines="True" tooltip="Sélectionner une date"> <selectorstyle backcolor="#FFCC66"> </selectorstyle> <nextprevstyle font-size="9pt" forecolor="#FFFFCC"> </nextprevstyle> <dayheaderstyle height="1px" backcolor="#FFCC66"> </dayheaderstyle> <selecteddaystyle font-bold="True" backcolor="#CCCCFF"> </selecteddaystyle> <titlestyle font-size="9pt" font-bold="True" forecolor="#FFFFCC" backcolor="#990000"> </titlestyle> <othermonthdaystyle backcolor="AliceBlue"> </othermonthdaystyle> </asp:calendar> </form> </body> </html>
Elise.
Partager