Discussion :

[Briacp]

Bonjour,
j'ai besoin de récupérer la valeur de mon select, j'ai tenté la manière suivante et cela ne fonctionne pas

Code html :

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

1
2
3
4
5
6
7
8
<form method="post" action="index.php">
   <p> Selectionner la catégorie que vous voulez : </p>
         <select name="categorie" onchange="afficheGraphCate()">
                  <option value="1"> 1</option>
                  <option value="2">2</option>
                  ...
        </select>
</form>

puis :

Code :

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

1
2
3
<?php 
echo $_POST['categorie'];
?>

Est il nécessaire d'ajouter un submit pour renvoyer la valeur du select ? Si oui comment faire pour pouvoir garder le onchange qui génère un nouveau graphe pour chaque categorie ?

merci de votre aide

[arthur57]

Bonjour,

Que fait la fonction afficheGraphCate() ?

Sinon le code php proviens bien de la page index.php, où tu envoie ton formulaire ?

Sinon où se cache l'action 'submit();' ?

Cordialement.

[Briacp]

Ma fonction afficheGraphCate(); permet d'afficher un graphe propre à chaque catégorie, cette fonctionnalité marche correctement, je récupère la valeur de mon select en javaScript et génère mon graphe en javascript également lors du changement de catégorie dans ma liste.

Oui le formulaire est sur la page index.php

En ce qui concerne le Submit, j'ai essayé avec et cela me rend bien la valeur $_POST['categorie'] mais dans ce cas, cela ne me génère plus le graphe associé à chaque catégorie lorsque je change de catégorie dans ma séléction donc je ne l'ai pas laissé



EDIT :

J'ai également essayé d'affecter la fonction afficheGraphCate(); sur un onclick sur l'input submit mais cela recharge mon index.php (par contre cela affecte bien la bonne valeur à $_POST['categorie'] )

[arthur57]

Pourrais-tu me montrer le contenu de la fonction afficheGraphCate() ?
Sinon ce qui me semblerais logique ce serais de mettre un bouton submit. Vu que ton graphe est bien généré avec un onchange sur le menu déroulant, j'ai du mal à voir en quoi un bouton submit le perturberais.

[Briacp]

je sais pas à quoi cela va te servir mais si tu veux :

Code :

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

1
2
3
4
5
6
7
8
9
 
<script >
function afficheGraphCate(){
     d3.select("sgv").remove;
     d3.select("sgv").remove;
     var x = document.getElementById("categorie").value;
     d3.json("data/data"+ x + ".json",draw);
}
</script>

En ce qui concerne le bouton submit, lorsque que je clique sur le "ok" cela me recharge ma page index.php, je pense que le problème vient de l'action de mon formulaire et non pas du reste. Si tu sais comment récupérer la valeur du select dans un fichier de traitement de la liste qui pourrait ensuite être renvoyé a mon index sans que cela ne change quoi que ce soir à mon événement onchange cela pourrait peut être m'aider je pense que c'est la solution mais j'ai déjà essayé plusieurs choses et cela ne marche pas !
Je ne connais pas bien le rôle du bouton submit.

[arthur57]

Ce que tu souhaites c'est récupérer les valeurs d'un formulaire sans recharger la page? Si c'est le cas il faut utiliser Ajax.

aide

[Briacp]

Oui c'est ça sans recharger la page, seulement j'ai besoin de cette valeur en php et pas en javascript car avec cette valeur je veux afficher le contenu d'un tableau php que j'ai au préalable rempli, et cela m'afficherai le tableau de la catégorie sélectionné.

un peu dans le même style que l'affichage du graphe en fonction de la sélection mais en php, je fais pas si c'est très clair !

[arthur57]

Rien ne t'empêche de mettre du php dans du javascript et vice versa

Code php :

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

<?php echo 'var test = '.$test.';'; ?>

Code javascript :

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

var test = <?php echo $test;?>;

[Briacp]

Pour moi JS et PHP sont deux langage bien distinct dans le sens où PHP est coté serveur et JS plutôt coté client donc si je pouvais éviter de mélanger les deux ça m'arrangerai bien.

Et quitte à mélanger les deux je préférerai faire un truc du genre :

Code :

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

1
2
 
$var = <script> var x = document.getElementById("categorie").value</script>;

mais je ne sais pas si c'est possible, je vais tester ça de ce pas !

[arthur57]

Tu met quand même du javascript dans du php..

Sinon

Code php :

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

$var = <script language='javascript'> var x = document.getElementById("categorie").value</script>;

[Bovino]

Mais ça n'a aucun sens !

D'une part, la syntaxe ne correspond à rien pour PHP (qui va donc tout envoyer bouler et surtout, vous n'imaginez quand même pas qu'en cours de création de la page (donc au niveau du serveur je rappelle), PHP va être capable de récupérer la valeur d'un champ qui n'est pas encore affiché à l'utilisateur ?

PHP, c'est un langage de programmation, pas une méthode de voyance !

Lis les tutoriels et cours de formation pour apprendre la programmation PHP : http://php.developpez.com/cours/

[arthur57]

Je suis parti du fait que php récupère la valeur du champ une fois un clic sur le bouton submit, pas au chargement de la page. Après je comprends peut-être mal ce que supoh souhaite..

[Briacp]

Comme je le dis plus haut, ce sont pour moi deux langage bien distinct (dans leur rôle) mais c'est vrai qu'un mélange des deux m'aurait bien servi ..
Je pense donc me tourner vers du JS exclusivement pour afficher les données dont j'ai besoin sans avoir a recharger ma page ! Parce que oui je veux afficher mes données sans actualiser

Merci à vous !

[Briacp]

Pour régler mon problème j'ai donc utiliser le mix JS PHP et rajouter un bouton submit.
C'est à dire que si telle ou telle variable est passé à $_POST cela m'affiche mon graphe et mon tableau de données en fonction.
J'ai donc fais un case qui contient le code suivant :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<?php
 ...
case "1":
?>
<script type="text/javascript">
d3.json("data.json", draw); 
</script>
<?php
//affichage tableau
break;