Récupération de la valeur d'un datepicker

Version imprimable

16/03/2009, 15h19
Koma

Récupération de la valeur d'un datepicker

Bonjour,

Je tente d'ajouter un datepicker Dojo à une application php pour la rendre plus agréable, j'ai donc le code suivant :

Code:

<input type="text" name="dateDebut" dojoType="dijit.form.DateTextBox" style="width: 95px;" />;

Le datepicker s'affiche sans problème, le soucis est qu'après avoir soumis le formulaire, je ne retrouve pas ma "dateDebut" dans la variable $_POST. Me manque-t-il un paramètre dans ma balise input pour récupérer cette valeur ?
Je vous remercie par avance pour toute aide apporté.
16/03/2009, 15h31
*.Har(d)t

Salut,

ta balise Form a-t-elle bien comme method "post" ?
16/03/2009, 15h36
Koma

Oui oui, quand je retire le dojoType="dijit.form.DateTextBox", mon champs texte est bien présent dans la variable $_POST, ainsi que tous les autres éléments du formulaire.

Citation:

Envoyé par *.Har(d)t

Salut,

ta balise Form a-t-elle bien comme method "post" ?
16/03/2009, 15h44
*.Har(d)t

Peut-être que tu dois utiliser le widget Form, au lieu d'une balise form classique, étant donné que tu utilises un composant de dojo?

http://docs.dojocampus.org/dijit/form/Form

Sinon, la syntaxe de ce que tu nous montres semble correct par rapport à la doc, donc je ne vois pas trop et je vais me taire car je ne suis pas (encore) le Guru de Dojo :aie:

EDIT: Sinon, essaye en mettant un value="", on ne sait jamais. L'absence du value le gêne peut-être...
16/03/2009, 18h47
emmanuel.remy

Pas de problème

Salut,

Ton code doit fonctionner sans aucun problème (cela l'a toujours été pour moi, et un test rapide me le confirme)
En fait Dojo recrée un champ type texte caché (cela lui permet de conserver ta mise en forme originale) et l'affecte à chaque fois qu'il y a modification.

Peux tu passer ton code complet pour ce test (client + server) ? Car cela doit venir d'un autre souci.

ERE

EDIT: Remarque stupide: ton input est bien dans le formulaire ;) ?

L'input est bien dans le formulaire :)

Voici le code du formulaire :
Code:

1 2 3 4 5 6 7 8 9 10 11 <form action="" method="post" id="critere"> <table width="100%" border="0" cellpadding="1" cellspacing="1" id="tablecriteres"> <td style="white-space:nowrap">Date de début : (jj/mm/aaaa)</td> <td style="white-space:nowrap"> <input type="text" name="dateDebut" dojoType="dijit.form.DateTextBox" require="true" datePattern="dd/MM/YYYY" style="width: 95px; z-index: 100;" value="" invalidMessage="Date invalide. Utilisez le format <b>jj/mm/aaaa</b>." /> </td> <td> <input type="submit" class="submit button" name="submit" value="valider" /> </td> </table> </form>
La page s'appel elle même, un var_dump($_POST); me signifie ensuite que ma date n'est pas transmise.

Citation:

Envoyé par emmanuel.remy

Salut,

Ton code doit fonctionner sans aucun problème (cela l'a toujours été pour moi, et un test rapide me le confirme)
En fait Dojo recrée un champ type texte caché (cela lui permet de conserver ta mise en forme originale) et l'affecte à chaque fois qu'il y a modification.

Peux tu passer ton code complet pour ce test (client + server) ? Car cela doit venir d'un autre souci.

ERE

EDIT: Remarque stupide: ton input est bien dans le formulaire ;) ?

17/03/2009, 10h34
*.Har(d)t

Ton code marche bien chez moi, et si je le transmets en GET je récupère bien la valeur du datePicker (flemme de faire un var_dump...)

Ce n'est peut-être pas un problème avec dojo mais avec ton serveur.

Si tu ajoutes d'autres champs au formulaire (des input classiques, pas des dojoType), est-ce que les valeurs passent bien ?
17/03/2009, 10h39
Koma

En get non plus je n'arrive pas à récupérer de valeur.
Sinon oui, les autres éléments que je rajoute dans mon formulaire passent bien.
J'arrive même à récupérer la date si j'enlève de l'input les éléments propres à Dojo.
Je suis un peu perdu là :?

Citation:

Envoyé par *.Har(d)t

Ton code marche bien chez moi, et si je le transmets en GET je récupère bien la valeur du datePicker (flemme de faire un var_dump...)

Ce n'est peut-être pas un problème avec dojo mais avec ton serveur.

Si tu ajoutes d'autres champs au formulaire (des input classiques, pas des dojoType), est-ce que les valeurs passent bien ?
17/03/2009, 10h45
*.Har(d)t

J'ai testé avec les mêmes conditions que toi (en POST avec du PHP derrière) et aucun souci.

Si en plus tu enlèves les éléments dojo et que ça marche, on est bien face à un problème spécifique à dojo.

- Quel navigateur utilises-tu ? (Peut-être que l'interprétation du Javascript de dojo rate à cause du moteur du browser)

- Quelle version de dojo utilises-tu ?
- Est-ce une copie locale de dojo ou une liaison vers un dépôt ?
- Quel serveur web ? (Même si ça semble ne pas être en cause...)
17/03/2009, 10h50
Koma
Je suis sous firefox 3.0.7, j'ai testé le script sous IE6 et chrome avec le même résultat.

La version de Dojo que j'utilise est la 1.2.3 et c'est une copie locale.

Le serveur web est un apache2 2.2.9

Pour inclure Dojo à mon projet j'utilise ceci (des fois que...) :
Code:

1 2 <script type="text/javascript" src="public/js/dojo/dojo.js" djConfig="isDebug: false, debugAtAllCosts: false, parseOnLoad: true"></script>
Citation:

Envoyé par *.Har(d)t

J'ai testé avec les mêmes conditions que toi (en POST avec du PHP derrière) et aucun souci.

Si en plus tu enlèves les éléments dojo et que ça marche, on est bien face à un problème spécifique à dojo.

- Quel navigateur utilises-tu ? (Peut-être que l'interprétation du Javascript de dojo rate à cause du moteur du browser)

- Quelle version de dojo utilises-tu ?
- Est-ce une copie locale de dojo ou une liaison vers un dépôt ?
- Quel serveur web ? (Même si ça semble ne pas être en cause...)

Essaye de virer le

Code:

debugAtAllCosts: false,

moi je ne l'ai pas et ça fonctionne.

Pour info, voici mon code.

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
25
26
27
28
29
30
31
32
33
34
35
36
<?php
var_dump($_POST['dateDebut']);
?>
 
<html>
<head>
<title>Dojo example</title>
<style type="text/css">
  @import "dojo/dojo-release-1.2.3/dijit/themes/nihilo/nihilo.css";
</style>
 
<script type="text/javascript" src="dojo/dojo-release-1.2.3/dojo/dojo.js" djConfig="parseOnLoad:true, isDebug: false"></script>
<script>
    dojo.require("dijit.form.DateTextBox");
</script>
<body class="nihilo">
<form action="" method="post" id="critere">
<table width="100%"  border="0" cellpadding="1" cellspacing="1" id="tablecriteres">
<td style="white-space:nowrap">Date de début : (jj/mm/aaaa)</td>
<td style="white-space:nowrap">
<input type="text"
       name="dateDebut"
       dojoType="dijit.form.DateTextBox"
       require="true"
       datePattern="dd/MM/YYYY"
       style="width: 95px; z-index: 100;"
       value=""
       invalidMessage="Date invalide. Utilisez le format <b>jj/mm/aaaa</b>." />
</td>
<td>
<input type="submit" class="submit button" name="submit" value="valider" />
</td>
</table>
</form>
</body>
</html>

Hmm, j'ai repris exactement ton code et j'ai toujours le même problème, seul le submit est présent dans $_POST...

Citation:

Envoyé par *.Har(d)t

Essaye de virer le

Code:

debugAtAllCosts: false,

moi je ne l'ai pas et ça fonctionne.

Pour info, voici mon code.

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
25
26
27
28
29
30
31
32
33
34
35
36
<?php
var_dump($_POST['dateDebut']);
?>
 
<html>
<head>
<title>Dojo example</title>
<style type="text/css">
  @import "dojo/dojo-release-1.2.3/dijit/themes/nihilo/nihilo.css";
</style>
 
<script type="text/javascript" src="dojo/dojo-release-1.2.3/dojo/dojo.js" djConfig="parseOnLoad:true, isDebug: false"></script>
<script>
    dojo.require("dijit.form.DateTextBox");
</script>
<body class="nihilo">
<form action="" method="post" id="critere">
<table width="100%"  border="0" cellpadding="1" cellspacing="1" id="tablecriteres">
<td style="white-space:nowrap">Date de début : (jj/mm/aaaa)</td>
<td style="white-space:nowrap">
<input type="text"
       name="dateDebut"
       dojoType="dijit.form.DateTextBox"
       require="true"
       datePattern="dd/MM/YYYY"
       style="width: 95px; z-index: 100;"
       value=""
       invalidMessage="Date invalide. Utilisez le format <b>jj/mm/aaaa</b>." />
</td>
<td>
<input type="submit" class="submit button" name="submit" value="valider" />
</td>
</table>
</form>
</body>
</html>

17/03/2009, 11h20
*.Har(d)t

C'est dingue...

J'ai testé en ajoutant le debugAtAllCosts, et ça marche quand même...

Est-ce que tu as Firebug sous Firefox ?
Ca te permet de débuguer plus précisément.

J'avais pensé à un problème de réglage dans le php.ini, mais comme tu dis que des input classiques transitent normalement, ça ne peut pas être ça.

Citation:

Envoyé par Koma

Hmm, j'ai repris exactement ton code et j'ai toujours le même problème, seul le submit est présent dans $_POST...
17/03/2009, 11h24
Koma

Oui j'utilise firebug, et je vois bien le code généré par Dojo avec la ligne

Code:

<input type="text" style="display: none;" name="dateDebut"/>

Je ne comprend pas non plus pourquoi ça ne passe pas.

Citation:

Envoyé par *.Har(d)t

C'est dingue...

J'ai testé en ajoutant le debugAtAllCosts, et ça marche quand même...

Est-ce que tu as Firebug sous Firefox ?
Ca te permet de débuguer plus précisément.

J'avais pensé à un problème de réglage dans le php.ini, mais comme tu dis que des input classiques transitent normalement, ça ne peut pas être ça.
17/03/2009, 11h35
emmanuel.remy

??

Alors là je suis scotché !

Un problème avec ton server Apache (mais peu probable si cela marche sans dojo...) ?

De mon côté j'ai fait le test complet en POST et comm pou *.Har(d)t je n'ai aucun souci !

Je vais continuer de chercher !

Peut tu remplir complètement le action="" afin d'être sûr que cela ne pollue pas ?

ERE

J'ai remarqué une erreur de syntaxe sur le value="" du DateTextBox en mettant un espion dessus.

Chez moi, je peux virer ce value="" et ça fonctionne quand même.

Peut-être que tu récupères une valeur vide à cause de ça, car apparemment la vraie value est stockée dans l'input qui est masqué.

Ca ne coûte rien d'essayer...:?

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
25
26
27
28
29
30
31
32
33
34
35
36
37
<?php
var_dump($_POST['dateDebut']);
?>
 
<html>
<head>
<title>Dojo example</title>
<style type="text/css">
  @import "dojo/dojo-release-1.2.3/dijit/themes/nihilo/nihilo.css";
</style>
 
<!--<script type="text/javascript" src="dojo/dojo-release-1.2.3/dojo/dojo.js" djConfig="parseOnLoad:true, isDebug: false"></script>-->
<script type="text/javascript" src="dojo/dojo-release-1.2.3/dojo/dojo.js" djConfig="isDebug: false, debugAtAllCosts: false, parseOnLoad: true"></script>
<script>
    dojo.require("dijit.form.DateTextBox");
</script>
<body class="nihilo">
<form action="" method="post" id="critere">
<table width="100%"  border="0" cellpadding="1" cellspacing="1" id="tablecriteres">
<td style="white-space:nowrap">Date de début : (jj/mm/aaaa)</td>
<td style="white-space:nowrap">
<input type="text"
       name="dateDebut"
       dojoType="dijit.form.DateTextBox"
       require="true"
       datePattern="dd/MM/YYYY"
       style="width: 95px; z-index: 100;"
 
       invalidMessage="Date invalide. Utilisez le format <b>jj/mm/aaaa</b>." />
</td>
<td>
<input type="submit" class="submit button" name="submit" value="valider" />
</td>
</table>
</form>
</body>
</html>

17/03/2009, 12h01
Koma

De plus en plus étrange...
Renseigner le "value" ou le "action" ne change visiblement rien, en revenant à l'état initiale avec le code fournit par *.Har(d)t le var_dump($_POST) me donne désormais :

Code:

string(10) "2009-03-05" ["submit"]=> string(7) "valider" }

Il récupère bien la date mais ne l'associe pas au nom de l'input. Par contre je ne comprend toujours pas pourquoi cela ne s'affiche pas dans mon propre code...
17/03/2009, 12h36
*.Har(d)t

Citation:

Envoyé par Koma

en revenant à l'état initiale avec le code fournit par *.Har(d)t le var_dump($_POST) me donne désormais :

Code:

string(10) "2009-03-05" ["submit"]=> string(7) "valider" }

Peut-être que tout à l'heure quand tu as testé mon code, le browser t'a fourni du cache, ce qui explique qu'à présent le même code ne donne plus le même résultat.

Citation:

Envoyé par Koma

Il récupère bien la date mais ne l'associe pas au nom de l'input. Par contre je ne comprend toujours pas pourquoi cela ne s'affiche pas dans mon propre code...

On est parti du principe que tu exécutes une page simple.
Est-ce que ton formulaire est inclus dans une autre page, un ContentPane dijit ou dojox, ou une frame ?
17/03/2009, 12h47
emmanuel.remy

En avoir le coeur net...

As tu LiveHTTPHeader sur Firefox ? Si oui peux tu t'assurrer de ce qui passe dans le header et vérifier les données postées.

Et peut-être est ce une mauvaise piste, mais peux-tu poster test données vers un autre page plutôt que de rappeler la page courante ?

ERE
17/03/2009, 15h33
Koma

J'utilise bien une page simple, pas de contentPane dijit ou dojox, ou de frame.

Je n'utilise pas LiveHTTPHeader, je n'en ai pas trouver trace dans les extensions sur le site de firefox.

J'ai constater un nouveau comportement étrange, en faisant des test avec des ctrl + F5 en veux tu en voila, ça a fonctionné ! Une fois, j'ai bien vue ma date dans mon var_dump(), mais un F5 plus tard, retour à la case départ...
Je soupçonne un problème de paramétrage, un httpd.conf ou un php.ini foireux, seulement étant néophyte, je ne sais pas vraiment quoi regarder...
17/03/2009, 16h02
emmanuel.remy

Si cela peut t'aider

http://livehttpheaders.mozdev.org/

ERE
23/03/2009, 10h56
Koma

N'ayant pas réussi à faire tourner une solution propre, je suis finalement passé par un type hidden pour passer ma valeur, une solution vraiment pas propre mais qui fera l'affaire jusqu'à ce que je trouve le temps de revenir là dessus.
Merci à tous ceux qui m'ont aidé. ;)