CALENDRIER DE SAISIE PHP ET JAVASCRIPT

Commentaire de coucou747 le 07/12/2005 19:01:29 administrateur CS

salut
ton code est bien documenté, et a l'air sympas, quelques petites remarques : dans req_calendrier.php, tu ne ferme pas ta balise php à la fin.
tu utilises des " comme des ' alors que les ' sont beaucoups plus rapides (sans changer ton code, juste en remplaçant tes " par des ', ton code serait optimisé... franchement, comme t'as pas beaucoups de modifications, ça vaut le coups...)
t'as quelques lignes de codes inutiles : dans req_bouttons.php
default:
break;
Bon, à part ça, ça a l'air pas mal
Bonne continuation

Commentaire de djroulo le 14/12/2005 09:18:14

Le calendrier gregorien date de 1582 et c'est celui que nous utilisons aujourd'hui.
Le calendrier julien me permet de calculer le numéro du jour de la semaine 1 soit le premier jour du mois que je calcule à la volée, par exemple : jour 1 du mois 4 est un Mercredi.

1 - La plupart des compilations de PHP incluent par défaut --enable-calendar
2 - Si ta version de PHP n'a pas l'option --enable-calendar activée, tu risque de ne pas pouvoir utiliser correctement le défilement de ces différentes fonctions...
3 - Pour l'affichage en Français. Les dates avec des zéros exemple : 2005-08-04 pour le 4 aout 2005.
Je ne connaissais pas set_local(LC_ALL,'fr'); mais si ça marche je te propose de nous le montrer, avec plaisir j'attends ta source préviens moi...
4 - Je n'utilise pas strftime car justement je calcule la date dans le format de mysql c'est-à-dire
'YYYY-MM-DD'
5 - Je vais rajouter des commentaires pour toi c'est promis je reverrai ma version je ferai une mise à jour.

Commentaire de EagleEye le 08/01/2006 12:14:35

Un calendrier ?  Tiens interessant :)
Beau boulot :)

Commentaire de momin84 le 20/01/2006 12:23:18

Bonjour,
  Je suis au point d'integrer ce calendrier à un de mes projets. Comment ça se passe pour la licence d'utilisation ? Est ce que j'ai le droit d'utiliser ce calendrier ?
  Merci de me repondre
A très bientôt

Commentaire de gyome314 le 15/05/2006 11:03:28

Très bonne source, relativement simple à réutiliser et à adapter à ses besoins...

Merci.

Gyome

Commentaire de JMPoux le 13/07/2006 22:48:41

Enfin, le calendrier de saisie que je cherchais.

Le calendrier s'ouvre sur la date du jour... Serait-il possible qu'il s'ouvre sur la date déjà saisie dans le champs pour faciliter la mise à jour d'une date ?

Merci.

Jean-Michel.

Commentaire de djroulo le 22/08/2006 13:57:02

Ca fait un moment que je doit repondre... alors voici :
- Pour la date au format ISO yyyy-mm-dd il suffit de changer cela dans la source du fichier calendar.php4
- pour ce qui est de changer la couleur des jours suivants, il suffit de mettre un style="background: green" dans la balise TD du jour que tu veux modifier.

Attention tout de meme, le but de ce calendrier est l'aide a la saisie et en aucun cas c'est un calendrier qui represente les jours speciaux (jours feries, dimanche, noel et jour de l'an et companie...)

SI vous avez d'autres suggestions je suis preneur :-)

Commentaire de djroulo le 13/09/2006 20:41:00

Ok alors première chose à faire dans ces cas là, c'est regarder que tu as bien fait générer ta case input par la fonction

create_input_date("Votre date de naissance","form_caltest","caltest",10,10,NULL,NULL);

A partir de là, regarde bien que :
- le name de ton formulaire est bien form_caltest
- le name de ton input text est bien caltest et son id est bien id_caltest

Est-ce une erreur javascript, dans ce cas, c'est à cause du nommage du formulaire de ta page de base (la page comportant l'input text) ?
Est-ce une erreur PHP, peux-tu me donner la Stack Trace et ta source modifiée je jète un coup d'oeil.

Est-tu sûre d'avoir bien mis tous les fichiers requis (req_*.php) dans le répertoire courant ?

Commentaire de djroulo le 25/09/2006 10:13:11

Je pense que tu n'as pas copie entierement le repertoire /images fourni dans la source.
Dans ce repertoire se trouve tous les fichiers necessaire a la creation des boutons permettant d'afficher les icones d'assistance de lancement du pop-up calendrier.
De meme pour le fichier css, c'est pour cela que tu n'as pas de style (couleur de fond, police sympa, date du jour en gras...)
Pour le warning, la fonction getimagesize plante lorsque le stream (le fichier) n'es pas trouve, donc rien de plus normal si tu n'as pas tout copier ;-)

Mon conseil :
- copier les images necessaires pour le calendrier dans le repertoire /images (necessaire pour req_buttons.php4 et calendar.php4)
- copier la feuille de style dans le repertoire /css
- copier le javascript dans /js
- bien regarder les references faites depuis : req_buttons.php4, test.php4 et calendar.php4 (tous utilisent la meme feuille de style)

Renommer les fichiers de ce code source pour que cela match avec ton application mais attention aux references dans calendar.php4 et test.php4

Bonne chance :-)

Commentaire de mikaelcom le 29/03/2007 15:27:52

Merci!!!
Franchement, j'avais regardé le code de phpmyadmin et j'avais cracké..
T'as géré, trop bien, trop beau, je vais enfin pouvoir faire ce que je voulais !!
:)
Encore merci!!!

Commentaire de hug4u le 22/06/2007 12:11:45

Hello,

J'ai une petite question,
Comment faire afin de changer les dates de début et de fin du calendrier?

Il commence en 1920 (trop loin) et finit en 2008 (trop proche)

Commentaire de Jaick le 30/11/2007 01:13:15

Boujour,

Tout d'abord merci pour ce bon calendrier, c'est justement ce dont j'avais besoin pour mon site.

Cependant j'ai un petit problème :
Quand je click sur le champs où doit s'afficher la date, le calendrier s'ouvre (firefox bloque le popup mais c'est pas l'objet de mon problème) et lorsque je saisie ma date ou que je ferme la fenêtre, elle s'ouvre à nouveau.
Je dois mettre le curseur sur un autre champs de mon formulaire pour pouvoir enfin la fermer.

Cela vient-il de mes navigateurs (même problème pour ie7 et firefox) ou bien du code lui même?

Merci :)

Commentaire de djroulo le 04/04/2008 12:09:05

Je pense que votre problème se situe dans le nommage de votre formulaire ainsi que le nommage de votre input_text.

Vérifiez bien encore une fois que votre formulaire se nomme :
form_calendrier_test
Que votre input text se nomme (name) et que son Id est :
input_cal     -     id_input_cal
Afin de ne pas vous tromper, je vous propse d'utiliser la fonction PHP :
<code>
create_input_date("Votre date de naissance","form_calendrier_test","input_cal",10,10,NULL,NULL);
</code>

Si vous n'arrivez toujours pas à le faire marcher, alors vérifiez bien que votre browser comporte les bonnes normes (utilisez Firefox ou IE7).
Ce calendrier est basé sur celui de PhpMyAdmin alors tout le mondre devrait être en mesure de l'utiliser :-) le javascript est importé depuis PMA...

Commentaire de djroulo le 21/04/2008 13:32:59

Ca y est j'ai trouvé !
L'ID de ton input et le name sont pareil !!!
Or, pour que ça marche, il faut que l'id soit du style : id_hello et le name : hello.
Essaye et ça devrait passer.
Sinon utilise le générateur de input type calendrier....

Commentaire de baldy le 09/06/2008 14:33:51

Premier problème régler, visiblement le .php4 ne plaisait pas au navigateur. Donc la pop up s'ouvre bien maintenant. Le soucis secondaire, c'est que celle ci le code s'affiche comme du HTML à partir de :

# "Janvier","F&eacute;vrier",etc...

En regardant le code source on dirait qu'il "sort" du PHP dès l'ouvrture d'une simple ou double quote.

Commentaire de onlyge le 18/01/2009 21:29:03

Merci pour ce script, super! Est-il possible de mettre les fichiers en .php et non .php4?

Autre chose, tout fonctionne sauf quand je sélectionne une date dans le calendrier, celle-ci n'apparait pas dans le champ par la suite. J'ai utilisé la fonction php

create_input_date("Votre date de naissance","form_caltest","caltest",10,10,NULL,NULL);

J'arrive à faire afficher la date du jour et a supprimer les infos du champs. Mais ça ne marche pas pour avoir la date tiré du calendrier... Avez-vous une id de l'erreur? J'ai pas touché aux fichiers sources du tout..!

Commentaire de jpkirkbride le 19/11/2009 11:58:16

Bonjour,
je suis en trains de tester mais j'ai un petit soucis. Le calendrier fonctionne bien (après renommage de tout php4 en php et création de sous-répertoires css/ js/ images/ afin d'y mettre les fichiers qui vont bien).

voilà mon soucis.
Dans mon formulaire, sur le bouton "submit", je demande à une fonction de valider le formulaire si certains champs sont saisis. Cela fonctionne bien mais depuis que j'ai ajouté le code pour intégrer le calendrier : mon formulaire ne se submit plus.

je n'arrive pas à comprendre où cela bloque si qq'un pouvait un oeil !

jean-paul


formulaire :
<form id="form_creation" name="form_creation" method="post" action="gestion_identites.php">

je déclare le script dans le formulaire :
<script language="javascript" type="text/javascript">
/**
* Opens calendar window.
* @param   string      calendar.php
* @param   string      form name
* @param   string      field name
* @param   string      edit type - date/timestamp
*/
function openCalendar(form, field, type) {
    window.open("calendar.php", "Cal", "width=400,height=250,status=yes");
    dateField = eval("document." + form + "." + field);
    dateType = type;
}
</script>


dans mon formulaire, pas mal de choses dont :
echo "<td>Date arriv&eacute;e : </td><td><input type=\"text\" name=\"arrivee\" id=\"id_arrivee\"/>";
echo "<a title=\"Ouvrir Calendrier\" href=\"javascript:openCalendar('form_creation','arrivee','date')\"><img src=\"images/cal.png\" border=\"0\" width=\"16\" height=\"16\" alt=\"Cal\" title=\"Calendrier\" /></a></td>";


fin de formulaire :
echo "<tr><th colspan=\"4\"><input type=\"button\" value=\"Cr&eacute;er Identit&eacute;\" onClick=\"valide_form_creation(this.form)\"></th></tr>";
echo "</table>";
echo "</form>";


// cette fonction validate_form est positionnée dans les balises html après les métas mais avant le header

<script language="javascript"><!--
     function valide_form_creation(form) {
                if((form.form_prenom.value=="") || (form.form_prenom.value==null)){
                        document.open="Merci de saisir le PRENOM !";
                        alert(document.open);
                        return false;
                } else {
                       form.submit();
                       return true;
                }
//-->
</script>

Commentaire de jpkirkbride le 19/11/2009 14:05:46

Merci pour ton soutien DJROULO, d'autant que ton code fonctionne très bien ! c'est seulement un problème javascript autre que je rencontre. J'ai fait les modifs comme proposé et le formulaire submit SANS controler le contenu (sans controler la fonction appelé par le submit)

je ne sais pas comment résoudre...
si tu as une idée....  en attendant je vais essayer avec firebug si je peux repérer un truc.


mon formulaire :

début formulaire :
<form id="form_creation" name="form_creation" method="post" action="gestion_identites.php">
<script language="javascript" type="text/javascript">
//déclaration de la fonction
function openCalendar(form, field, type) {
    .....
}
</script>

dans le formulaire :
<td><input type="text" name="arrivee" id="id_arrivee"><a title="Ouvrir Calendrier" href="javascript:openCalendar('form_creation','arrivee','date')"><img src="images/cal.png" border="0" width="16" height="16" alt="Cal" title="Calendrier" /></a></td>

fin de formulaire, dans la déclaration du bouton submit :
<input type="submit" value="Creer" onclick="valide_form_creation('form_creation')>
</form>



avant le <head> :

<script language="javascript"><!--
function valide_form_creation(form_name) {
      if((form_name.form_prenom.value=="") || (form_name.form_prenom.value==null)){
           document.open="Merci de saisir le PRENOM !";
           alert(document.open);
           return false;
      } else {
           document.getElementById(form_name).submit();
           return true;
      }
}

Commentaire de djroulo le 19/11/2009 14:15:36

Erratum :
pour Votre formulaire, il devrait être de la forme : onsubmit="return valide_form_creation('form_creation');"

Commentaire de aperitif31 le 07/01/2010 14:14:39

Génial ! Merci

Commentaire de djroulo le 26/04/2010 15:04:00

Les balises <form> ... </form> contiennent obligatoirement votre code où se trouve le calendrier de saisie.

Si vous utilisez :
<form>
...
<form [celui du calendrier]>
<input type="text" name="date1" id="date1" />
</form>
</form>

Alors cela ne fonctionnera pas. Un formulaire ne peut pas contenir de formulaire imbriqué.

Vous devez adapter votre code existant et rajouté juste le code HTML de saisie de date, c'est à dire :
- le code javascript
- le code de la validation du formulaire
- le code input

Bon courage.

Commentaire de djroulo le 09/09/2010 17:48:48

Vous affichez directement le code alors que la page devrait être interprétée par l'application PHP.

Vous devez faire en sorte que votre Apache utilise les extension PHP et PHP4.

Allez voir cela dans httpd.conf / Section "Application".

Commentaire de saille le 27/10/2010 15:58:44

Bonjour DJROULO,

Je voulais tester ce calendrier, qui semble correspondre exactement à ce que je cherche. J'ai téléchargé les .zip, créé les dossiers images/css et js et j'ai basculé les obets adéquat dedans.
Mais quand je teste le formulaire test.php4 le calendrier s'affiche au moment où je positionne le curseur dans la date, après choix ma date est bien alimentée, mais le calendrier s'ouvre à nouveau et systématiquement.

Je n'ai absolument rien modifié dans les pages téléchargées. Ce ne devrait donc pas être un problème de noms de champs ?

Merci de votre aide
saille