Saisie de date à l’aide d’un calendrier en web

Marco a écrit le Mardi 15 Octobre 2002 à 22:46:27

Il y a une fonction très utile avec le client Notes, lorsque l'on crée un champ de type "Date/Heure" et que l'on coche "Contrôle Agenda/Horaire" on a un petit calendrier d'aide à la saisie. Malheureusement cette option n'est pas valide en web.

Voici donc un petit exemple de calendrier qui va permettre d'implementer quelque chose de similaire en web. Je ne détaillerais pas le code, on ne verra que comment l'utiliser. Ce code a été inspiré par plusieurs autres réalisations, et a l'avantage d'être adapté à Lotus Notes et d'être en français.
Pour l'utiliser il suffit de copier la page "P_Calendar" dans votre base. Il faut également copier le JavaScript suivant dans l'entête JS du masque :

ns4 = (document.layers)? true:false
function ouvreFenetre(lien_URL) {
if (ns4) {
window.open(lien_URL,'calendrier','status=no,resizable=no,scrollbars=no,screenX=200,screenY=200,width=192,height=152')
} else {
window.open(lien_URL,'calendrier','status=no,resizable=no,scrollbars=no,screenX=200,screenY=200,width=198,height=158')
}
}
function ouvreFenetrecateg(lien_URL) {
window.open(lien_URL,'Categories','status=no,resizable=yes,scrollbars=yes,screenX=200,screenY=200,width=300,height=250');
}
function ouvreFenetresouscateg(lien_URL) {
if (window.document._MainTopic.Categories.value.length < 1) {
alert('vous devez rensigner la categorie');
} else {
window.open(lien_URL+window.document._MainTopic.Categories.value.replace(/ /gi,"%20"),'Categories','status=no,resizable=yes,scrollbars=yes,screenX=200,screenY=200,width=300,height=200');
}
}


Pour l'utiliser il suffit de créer un champ date avec comme nom "DueDate" dans votre masque et mettre le code suivant à la ligne suivante (caché en client Notes) :

Calendrier

Ne pas oublier de le mettre en HTML relais.

Il est sans doute possible de rendre le nom du champs paramétrable (à passer dans l'url) facilement. On peut également changer les couleur en modifiant la feuille de style de la page "P_Calendar".
Pour plus de précision et pour voir le résultat, voir la base d'exemple.


 

Commentaire(s)

Re: Saisie de date à l´aide d´un calendrier en web

Stef le 20/04/2004 9:54:16

Je commence juste a me pencher sur le dev sur le web et justement, cela m'apporte une reponse !

Effectivement, facile a mettre en place et cela me permet de mieux comprendre le fonctionnement !

Bien vu ! :p

Re: Saisie de date à l´aide d´un calendrier en web

DID le 05/09/2003 15:48:14

Pas mal ! C'est sympa, facile mettre en oeuvre et c'est très pratique.

Re: Saisie de date à l´aide d´un calendrier en web

Sebbw le 18/10/2002 12:37:10

Très chouette et vraiment bien pratique. Pour le moment j'utilisais l'applet DatePicker, mais je vais peut être me laisser tenter par celui ci ;-))

bonne continuation...

Re: Saisie de date ■ l´aide d´un calendrier en web

CLERGET le 09/06/2005 9:37:53

Bonjour, je ne trouve pas la base d'exemple ! quelqu'un peut il me la fournir ?

Merci

Re: Saisie de date à l´aide d´un calendrier en web

Dominux le 10/06/2005 22:53:57

Effectivement, le fichier existe mais n'est pas présenté dans la page. Je dois modifier le site pour prendre en charge les fichiers attachés :-)

Envois-moi un mail ou une adresse pour te l'envoyer!

Saisie de date à l’aide d’un calendrier en web

zeitoun le 20/03/2006 9:52:04

salut Marco est il possible d'avoir la base?

merci

Saisie de date à l’aide d’un calendrier en web

Olivier@Dominux le 20/03/2006 22:23:46

Les fichiers d'exemples des articles ne sont pas accessibles pour le moment. Ils devront l'être trés prochainement!

Saisie de date à l’aide d’un calendrier en web

Gares le 28/06/2006 13:25:00

je ne trouve pas la page "p_calendar" etla base exemple.

pouvez vous me l'envoyer par mail?? et merci d'avance.

mon adresse mail est la suivante : elgares@yahoo.com

Saisie de date à l’aide d’un calendrier en web

alexandra le 15/11/2006 15:10:54

Bonjour,

Je n'arrive pas à accèder au code "calendrier".

Pourriez vous me l'envoyer.

Merci

Alexandra

Saisie de date à l’aide d’un calendrier en web

Pascal le 03/04/2007 9:14:31

Bonjour,

Même question que mes prédécesseurs...

Pourriez-vous m'envoyer la base d'exemple ?

Merci d'avance.

Pascal.

Ajouter un commentaire





Se souvenir de mes informations?



Les balises HTML ne sont pas permises dans les commentaires. Pour faire un lien, il suffit de donner l'URL, préfixée par http://.