<IFRAME STYLE="display:none;position:absolute;width:158;height:174;z-index:30;" ID=calendar MARGINHEIGHT=0 MARGINWIDTH=0 NORESIZE FRAMEBORDER=0 SCROLLING=NO></IFRAME> <SCRIPT LANGUAGE="javascript"> var cF=document.all.calendar ; var cW=window.frames.calendar ; var gimg,ginpt; function Calendrier(img,inpt) { gimg=img; ginpt=inpt var htm="/demo/calendar/cal.asp" htm+="?date="+ginpt.value+"&dsel="+ginpt.value; cW.document.body.innerHTML="" cW.location.href=htm; position1(img); cF.style.display="block"; } function Annule(){ cF.style.display="none"; } function position1(img) { var dB=document.body; if (img.offsetTop- dB.scrollTop<cF.style.pixelHeight) { cF.style.top=img.offsetTop + img.offsetHeight } else { cF.style.top=img.offsetTop-cF.style.pixelHeight } cF.style.left=img.offsetLeft; } </SCRIPT><SCRIPT FOR=document EVENT="onclick()"> Annule();</SCRIPT>

* la variable htm contient l'url du calendrier, ici :
var htm="cal.asp"

Le formulaire contenant les sélecteurs se nomme myform :
<form name=myform method="POST" >

L'appel du calendrier s'effectue de la manière suivante :
- date1 est le nom du champ texte et img1 le nom de l'image d'appel

<input type="text" name="date1" size="10">
<a HREF="javascript:Calendrier(document.myform.img1,document.myform.date1)">
<img src=/scripts/calendrier.gif width=34 height=21 align=top ID=img1 border=0 style=position:relative></a>

Si vous modifiez le nom du formulaire ou ajoutez d'autres sélecteurs vous devez modifier la partie précédente avec les nouvelles valeurs.

Téléchargement

Télécharger le sélecteur