[JavaScript] Calendrier V3 ! BETA /!\ [Sources]

[le_chomeur]

Merci pour tes compliments

ces 2 problèmes vont être résolu rapidement ( bug suite a une mise a jour )

cdt

[slzmorgan]

Magnifique travail!!!!

J'attends avec impatience la version avec l'heure

[Hotei]

Envoyé par danielhagnoul

Bonsoir.

Premier test : je n'arrive pas à choisir un autre mois ou une autre année, la sélection disparaît dès que je bouge le pointeur. Le problème existe sous IE8, Chrome 3 et Firefox 3.6
[...]

Bonjour désolé de répondre au sujet si tard apres ma question mais je n'avais plus d'ordi sous la main et c'etait ce probleme dont je voulais parler. apres recentrage de la date, on n'a plus acces aus tableaux de selection de mois et année.

ne pourrait on pas mettre un genre de temporisaition d'une seconde peut etre avant que ces tableaux ne disparaissent? sur les fonctions "mouseout" mettre un sleep(1)

en tous cas encore merci à vous et toute l'équipe de developpez.net ainsi que ses participants.

[le_chomeur]

Si tout a fait Hotei , mais par faute de temps je n'ai pas eu l'occasion de résoudre ce problème

[klass]

Bonjour et encore merci pour ce beau calendrier

j'ai une petite question, est-il possible de mettre le haut du calendrier ( choix mois, années ) de la version 2 sur la version 3 ?

merci d'avance pour vos réponses.

[SpaceFrog]

ce en sont a priori que des images .. tu peux les modifier a ton gout ...
Je ne pense pas qu'il y ait des changement d'ergonomie empechant ce changement

[klass]

ok merci je vais essayer

[klass]

j'ai réussi à faire ce que je voulais


et pour avoir les jours et mois sur 2 chiffres :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
var pickDate = function(elementClick){
 
 
 
		//récupération du format ( FR/EN ) du séparateur et des informations mois / année
		//On commence par vérifier de quel élément il s'agit
 
		//S'il s'agit d'un jour
		if(elementClick.className == "mOver"){		
 
		mCalendar.jour = parseInt(elementClick.innerHTML); 	
 
 
 
 
		// METTRE LE JOUR ET LE MOIS SUR 2 CHIFFRES
 
		mCalendar.jour= '00' + mCalendar.jour;
		mCalendar.jour = mCalendar.jour.substr(mCalendar.jour.length - 2);
 
		mCalendar.mois= '00' + mCalendar.mois;
		mCalendar.mois = mCalendar.mois.substr(mCalendar.mois.length - 2);
 
.......

il suffi de rajouter les 4 lignes de la fin si ça peut aider quelqu'un.

[SpaceFrog]

Code :

mCalendar.jour= (mCalendar.jour.length<2)?'0'+mCalendar.jour:mCalendar.jour;

[devyan]

Très joli, j'ai cependant un soucis avec la démo (peut-être s'agit-il d'une vielle version)

En effet, je n'arrive presque jamais à accéder à la sélection du mois ou de l'année. La liste disparaît :'(

devyan

[vlakoff]

malheureusement ce problème est aussi présent dans la version téléchargeable

[SpaceFrog]

Envoyé par Le_chomeur

Si tout a fait Hotei , mais par faute de temps je n'ai pas eu l'occasion de résoudre ce problème

[jaudouy]

Bonjour,

J'ai souhaite utiliser la nouvelle version (j'utilisais la première) et l'intégrer dans un plugin wordpress mais malheureusement ça ne fonctionne pas bien et je ne sais pas pourquoi...

si vous pouviez m'aider, je bloque la dessus depuis hier après-midi...

Voilà le code que j'ai écris:

Code :

1
2
3
4
5
6
<STYLE TYPE="text/css"> 
@import url("../wp-content/plugins/oajvc/css/mCalandar.css")
</STYLE>
<script type="text/javascript" src="../wp-content/plugins/oajvc/js/mCalandar.js"></script>
...
<input type="text" name="contact_date" class="mCalendar" value="<?php if (isset($_POST['contact_date']) && $_POST['contact_date'] != '') { echo $_POST['contact_date']; } ?>"/>

J'ai bien vérifié que le .js et le .css sont accessibles avec ces url (j'utilise un autre .js et un autre .css dans le même répertoire et ils sont bien pris en compte) mais malheureusement quand je clique sur mon champ date, ça ne fonctionne pas, rien ne s'affiche.

Par contre si j’accède directement le index.htm, en dehors de tout contexte wordpress (le css dans le .htm et le .js dans un sous répertoire) , ça fonctionne...

Merci d'avance de votre aide !

Edit: j'ai même pensé à "merger" les deux css et deux js, l'ancienne classe "calendrier" fonctionne, pas la nouvelle 'mCalendar". Il y a surement une itéraction malheureuse avec wordpress qui fait planter l'even listener ou un truc du style...

[jaudouy]

Finalement, je me suis rabattu sur JQuery datepicker, non intrusif aussi et (presque) compatible IE6

Pour info: http://www.kelvinluck.com/assets/jqu...emo/index.html

[celeste87]

déjà bravo pour ce magnifique calendrier.est ce que les mises à jour ont été faites?
Merci

[Baldy]

Personnellement je n'arrive pas sélectionner un mois ou une année depuis le DIV qui apparait au srvol de la souris. Il disparait des que je bouge la souris du mois ou de l'année en cours donc impossible de faire un choix.

Test réalisé sous FF 3.6.8

[le_chomeur]

oui bug apparut lors de la dernière mise a jour

et pas le temps de le corriger désoler ...

si quelqu'un a le temps de se pencher sur le problème ?

[vodiem]

Envoyé par Baldy

Personnellement je n'arrive pas sélectionner un mois ou une année depuis le DIV qui apparait au srvol de la souris. Il disparait des que je bouge la souris du mois ou de l'année en cours donc impossible de faire un choix.

la mise en ligne du texte pour le centrage réduit les zones de mois et année il apparait donc un espacement qui fait disparaitre les blocs. la solution de dépannage est donc de rapprocher les blocs:
dans .mCalandarMain .mCalandarheader .mInfo .mois :
top:14px;
dans .mCalandarMain .mCalandarheader .mInfo .annee :
top:14px;

[le_chomeur]

Merci vodiem , source mise à jour

[SPACHFR]

Elle est terrible cette version. J'utilise la V2 dont j'avais réduit la taille (un peu trop d'ailleurs..)et fait mon skin, mais là c'est parfait

Merci de contribuer ainsi ,c'est vraiment sympa.