Calendrier au clic sur un champ

1suisse

25 Oct 2006 à 20:33

bonjour. je souhaiterais faire la même chose que ce site:
http://voyages.anyway.com/sejour/agence-de-voyages.aspx?eapid=53-20
(cliquez sur le champ "date de départ" à gauche de la page).
un calendrier vraiment pratique s'affiche lorsqu'on clique sur le champ.
connaitriez-vous un script pour cela ? merci d'avance, @++

QuentinC

25 Oct 2006 à 20:55

J'ai activé le champ et je n'ai pas trouvé de calendrier ... je ne dois pas être normal.

1suisse

25 Oct 2006 à 21:01

[img=http://img107.imageshack.us/img107/8088/anywaymv4.th.jpg]

c'est dans la zone non-floue...
merci @++
Modifié par djthal (25 Oct 2006 - 21:02)

LeParrain735

30 Oct 2006 à 12:41


<body onload="javascript:document.getElementById('calendrier').style.display='none';">
...
<input type="text" id="date-depart" value="date" onfocus="javascript:document.getElementById('calendrier').style.display='block';"/>
<div id="calendrier">... <a href="#" onclick="this.style.display='none';">Fermer</a></div>

ou quelque chose comme ça

1suisse

30 Oct 2006 à 22:05

mhh intéressant. je te remercie et vous tiens au courant. @+++

fred23195

31 Oct 2006 à 13:23

perso, j'utilise le script javascript "CalendarControl" (Lien)

très simple, très léger et facile à intégrer: t'as 2 fichiers à inclure: un JS, et un CSS.
puis dans un champ texte, tu rajoutes:
<input type="text" name="date" onfocus="showCalendarControl(this);" />

j'ai modifié le fichier .css pour les couleurs, etc...