Discussion :

[bertrand59789]

Bonjour,

Je rencontre un petit souci en JS, langage que je ne maitrise pas tout a fait.
J'ai une valeur qui se stock dans un span et je ne comprends pas vraiment comment le récupérer pour faire le traitement en php.
Voici le code que j'ai :

Code HTML :

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

1
2
3
<div class="reportrange float-right form-control" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%">
<i class="icon-calendar"></i>&nbsp;
<span></span> <b class="caret"></b>

Ici pour le JS

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
                      function cb(start, end) {
				$(".reportrange span").html(start.format('YYYY-MM-DD') + '_' + end.format('YYYY-MM-DD'));
			         }
			        cb(moment().subtract(29, 'days'), moment());
 
			        $(".reportrange").daterangepicker({
				"buttonClasses": "button button-rounded button-mini nomargin",
				"applyClass": "button-color",
				"cancelClass": "button-light",
				ranges: {
				   'Aujourd\'hui': [moment(), moment()],
				   'Hier': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
				   '7 jours': [moment().subtract(6, 'days'), moment()],
				   '30 jours': [moment().subtract(29, 'days'), moment()],
				   'Le mois': [moment().startOf('month'), moment().endOf('month')],
				   'Mois précédent': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
				}
			}, cb);

comment récupérer la valeur soit dans un input hidden soit directement dans la page de traitement.

Merci,

[SpaceFrog]

Il faut comprendre la chronologie.
php n'a pas accès aux éléments du DOM
php reçoit éventuellement les valeurs par l'intermédiaire:

- des éléments de formulaire (hidden ou non)
- des paramètres passés en get dans l'url envoyée au serveur
- des requêtes ajax

Coté client, tu peux manipuler les données au moyen de javascript.

Techniquement parlant un span ne contient pas de "valeur", seul les élements de form ont une value...

Pour récupérer le contenu texte ou html de ton span tu dois le récupérer au moyen de JS pour ensuite utiliser une des 3 méthodes énumérées ci-dessus pour l'envoyer au serveur.
Il faut d'abord déterminer quelle méthode tu veux utiliser...

[bertrand59789]

Bonjour,
récupérer la valeur via $_post par le biais d'un hidden ou par $_get cela me va.
Le souci est que je ne trouve pas ou est stocké la valeur du champ.

[Séb.]

Le souci est que je ne trouve pas ou est stocké la valeur du champ.

Tu dis que la valeur est dans un <span>

Il faut que tu pointes ce span (pour cela tu dois identifier ce qui le distingue), ensuite avec innerText tu peux récupérer son contenu et le placer dans un <input> ou autre en vue d'une transmission à PHP.

Ex. si un ID distingue ton <span> et que tu veux mettre sa valeur dans un champ caché de formulaire :

Code html :

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

<span id="mon-span">Ma valeur à transmettre</span>

Code :

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

1
2
const spanValue = document.getElementById("mon-span").innerText;
document.forms["ton-formulaire"].tonInputHidden.value = spanValue;

Voilà pour le principe

[bertrand59789]

Bonjour,

J'ai essayer le code mais sans succès.
je pense que je place mal le code.

voici ce que j'ai fait :

Code html :

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

1
2
3
4
5
6
7
8
<form method="post" action="" name="action" >
<div class="reportrange float-right form-control" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%">
<i class="icon-calendar"></i>&nbsp;
<span id="mon-span"></span> <b class="caret"></b>
</div>
<input type="hidden" name="d" Value=""/>
<input type="submit" value="envoyer"/> 
</form>

et en bas de la page j'ai mis cela :

Code :

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

1
2
3
4
<script>
const spanValue = document.getElementById("mon-span").innerText;
document.forms["action"].d.value = spanValue;
</script>

[Séb.]

Je viens de tester, ça fonctionne : le contenu du span (quand il y en a un) est plus placé dans le <input>.