[C#] dropdown list et calendar

**maxonman** · 13/08/2005, 19h28

bonjour tout le monde ,

conmment je peux creer une drop down list , telle que qd je clique sur la fleche , c'est pas la liste qui sort , mais un calendar ...

( j'ai deja vu ca , mais je ne sais pas comment faire ! )

merci d'avance !

**FoxDeltaSierra** · 14/08/2005, 15h09

Moi je peux faire �a, mais par avec un dropdown list... simplement lorsque tu clic sur une image (avec une fl�che comme le dropdownlist) �a t'affiche un calendrier...

Regarde sur cette page et si �a t'interresse je te passe le code :

Sur la ligne Aller clic sur l'image avec un calendrier dessus :

http://www.voyages-sncf.com/dynamic/_SvTermCommVoySaisie?_TMS=1124024848280&_DLG=SvTermCommVoySaisie&_LANG=FR&_AGENCY=VSC

**maxonman** · 14/08/2005, 23h43

Bonjour tout le monde !

merci lespalom pour ta reponse , ce n'est pas exactement ce que je cherche , mais effectivement ta solution me parait plutot interressante , ..
Donc , merci d'avance , si tu peux m'envoyer le code correspondant , !

**neguib** · 15/08/2005, 02h45

salut
en effet ton souci n'est pas simple car il n'existe pas d'evenement click sur un DropDownList.
Je vois les choses comme cela
1. Creer ton propre contr�le constitu� d'un Textbox et d'un ImageButton � c�t� avec la fl�che.
2. Affhicher ton nouveau contr�le avec un Calendar juste au-dessous en lui mettant la propri�t� .Visible � false
3. Sur la procedure click du bouton, jouer avec la propri�t� .Visible du Calendar

**maxonman** · 15/08/2005, 11h13

S'il s'agit bien de la solution .. moi j'ai pas envie de me casser la tete !

Je pensais qu'il etait simple de r�aliser ce genre de truc ! mais bon ..

En tout cas , on va attendre pour que lespalom nous envoi son code ! (Merci lespalom)

Merci a toi aussi Neguib !

**FoxDeltaSierra** · 15/08/2005, 16h06

Je ne suis pas sur le bon PC... je vous passe le code ce soir !!! (vers 18h00)

lespalom

**maxonman** · 15/08/2005, 16h20

ok , on t'attend !

tout depend de toi lespalom !

**FoxDeltaSierra** · 15/08/2005, 18h08

Voici les codes.

Tu met le contenu de ce fichier ZIP dans le dossier de ta page ASPX. : Cliquer ICI.

Ensuite, dans ta page ASPX :

- Dans :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<form runat="server">

tu remplace par :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<form id="formulaire" name="formulaire" runat="server">

- Ensuite, dans le corp de ta page, tu met :

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
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
<asp:textbox id="date1" runat="server"></asp:textbox><A class="normal" onclick="CB();" href="javascript:ShowCalendar(document.formulaire.dimg1,document.formulaire.date1,null,0,330)"><IMG id="dimg1" style="POSITION: relative" height="19" src="images/cal_choix.jpg" width="21"
														border="0"> </A>
												<span style="DISPLAY: none">
													<IMG src="images/date.gif"> <IMG src="images/baddate.gif">
												</span><iframe id="CalFrame" style="DISPLAY: none; Z-INDEX: 30; LEFT: 560px; WIDTH: 144px; POSITION: absolute; TOP: 543px; HEIGHT: 179px"
													marginWidth="0" marginHeight="0" src="cal.html" frameBorder="0" noResize></iframe></IFRAME>
												<script language="javascript">
var htm="cal.html";
												</script>
												<script language="javascript">
var cF=document.all.CalFrame;
var cW=window.frames.CalFrame;
var g_tid=0;
var g_cP,g_eD,g_eDP,g_dmin,g_dmax,g_htm;
function CB(){
 event.cancelBubble=true
}
function SCal(cP,eD,eDP,dmin,dmax,htm){
clearTimeout(g_tid);
var s=(g_eD==eD);
g_cP=cP;
g_eD=eD;
g_eDP=eDP;
g_dmin=new Date();
g_dmin.setDate(g_dmin.getDate()+dmin);
g_dmax=(new Date());
g_dmax.setDate(g_dmax.getDate()+dmax);
g_htm=htm;
WaitCal(true,s);
}
function CancelCal(){
clearTimeout(g_tid);
cF.style.display="none";
}
function WaitCal(i,s) {
 if(null==cW.g_fCL||false==cW.g_fCL) {
  if(i) {
   if(s&&"block"==cF.style.display) {
     cF.style.display="none";
	 return;
   }
   var chaine="<STYLE>A{color:#333399}A:hover{color:#ff6600}</STYLE><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=1 WIDTH=144 STYLE='border:1px solid #303030'><TR>";
   chaine=chaine+"<TD HEIGHT=156 ALIGN=MIDDLE STYLE='font:10pt arial'>Loading</TD></TR><TR><TD HEIGHT=16 ALIGN=MIDDLE STYLE='font:8pt arial'><A HREF='javascript:window.parent.CancelCal()'>Cancel</A></TD><TR></TABLE>";
   cW.document.write(chaine);
   cW.location.replace(g_htm);
   PosCal(g_cP);
   cF.style.display="block";
  }
  g_tid=setTimeout("WaitCal()",200);
 }
 else cW.DoCal(g_cP,g_eD,g_eDP,g_dmin,g_dmax);
}
function PosCal(cP) {
var dB=document.body;
var eL=0;var eT=0;
for(var p=cP;p&&p.tagName!='BODY';p=p.offsetParent) {
   eL+=p.offsetLeft;eT+=p.offsetTop;
}
var eH=cP.offsetHeight;
var dH=cF.style.pixelHeight;
var sT=dB.scrollTop;
if(eT-dH>=sT&&eT+eH+dH>dB.clientHeight+sT) eT-=dH; else eT+=eH;cF.style.left=eL;cF.style.top=eT;
}
function GetDowStart(){
return 1;
}
function GetDateFmt(){
return"ddmmyy";
}
function GetDateSep(){return"/";}
function ShowCalendar(eP,eD,eDP,dmin,dmax)
{
SCal(eP,eD,eDP,dmin,dmax,htm);
}
												</script>
												<script event="onclick()" for="document">
CancelCal();
												</script>

Et voila le travail... tu peux modifier l'apparence de ton Calendrier en modifiant le fichiet cal.htm, ou les images du dossier images.
Ensuite, tu peux r�cup�rer la valeur date1.Text dans ton application...

Bonne chance

et si t'as un probl�me je suis l�

lespalom

**maxonman** · 15/08/2005, 19h21

merci man ! je vais essyer tout ca tout de suite , et je te tien au courant !

**FoxDeltaSierra** · 15/08/2005, 19h29

Bonne chance

**maxonman** · 15/08/2005, 19h33

ca marche imp�cable !

je vais essayer de l'adapter a mon code , et de comprendre le tien

( comme koi : je me coucherai moins bete ce soir )

merci encore !

**FoxDeltaSierra** · 15/08/2005, 20h40

Voila !!! Et si tu as des questions, je suis l� !!!

**FoxDeltaSierra** · 15/08/2005, 20h42

Et bonne nuit avec ta t�te pleine !!!

**maxonman** · 16/08/2005, 15h54

le calendrier que tu m'as pass� ne contient que les mois de l'ann�e en cours ...

c'est vrai que je n'ai pas encore lu le code source , mais je me demande s'il n'y a pas un exemple plus complet !

( sinon , c'est pas grave .. tu en as deja fait beaucoups :p )