Discussion :

[le_chomeur]

Plutôt qu'un long discours le code et la démo :

http://easynews.free.fr/calendrierv2/

l'image de fond : http://easynews.free.fr/calendrierv2/images/static.png

ce code est 100% pure dom , testé sous FF3 / IE8 (beta 2) / IE7 / IE6 / CHROME ( 0.3 )

le code + image est dans le zip car trop lourd pour être posté

l'image de base n'est pas de moi , je l'ai juste modifié
si une âme charitable vient a passer avec des talent de graphiste ...

j'attends vos commentaires et améliorations !

a venir :

- blocage de plage de date
- gestion multilingue

Le_chom

ChangeLog :
- 14/11/2008 : correction bug iframe

[Bovino]

Très bien pensé et très fluide, bravo, excellent travail !
Testé sur Safari et Opéra, fonctionne aussi très bien.

Seul détail selon moi, c'est dommage que l'on soit obligé de cliquer sur une date pour le faire disparaitre...

[le_chomeur]

j'hésite a rajouter un bouton ou un click sur la page pour le faire disparaitre ....

[Bovino]

j'hésite a rajouter un bouton ou un click sur la page pour le faire disparaitre ....

Ne voyant pas de bouton, le premier truc que j'ai tenté, c'est un clic sur la page...

[SpaceFrog]

Il semblerait que certains aient des soucis avec les selects qui ne sont pas masqués par le calendrier ?

tu n'as pas mis un iframe dans le div ? ou directement utilisé un iframe à la place du div ?

Mais du coup il faudra se mefier du doctype (transitionnal pour IE7 sinon l'iframe n'apparait pas)

[le_chomeur]

si si l'iframe est bien la mais effectivement elle était ajouté en tant que div

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
//Création d'une frame pour combler un bug lié aux liste sous ie
this.bugFrame = this.newElement({"typeElement":"div","classeCss":"bugFrame","parent":this.calendar});

testé avec liste et sous les autres navigateur

mise a jour de la démo ainsi que du zip