Conseil Javascript Ajax

Bonjour à tous voici mon problème.
J'ai une base de donnée contenant des matières premières du genre (kiwi,œuf,lait..)
Chaque matière première possède 3 prix (prix_ht,prix_kg,prix_pce) , et chaque matière première possède également une unité.
Dans ma page je veux calculer un prix je m'explique :
J'ai un menu déroulant qui récupère toutes les matières premières et l'affiche dans un select, j'ai un champ texte pour définir la quantité , et j'ai un autre menu déroulant ( select ) pour choisir l'unité (kg,litre,gramme,unité) et j'ai un champ texte résultat.
je veux mettre à jour le champ résultat , en appelant la fonction javascript refresh_calc() à chaque fois que l'on change un des SELECT.
Mon problème c'est que je ne sais pas comment passer à ma fonction javascript le bon prix en fonction de l'unité choisi....
Ce que j'ai fait , j'ai pris le prix_kg, que je concaténais au nom du champ(des ma requette sql) genre (3-kiwi,5-œuf,4-lait..) donc ce que je passais a ma fonction javascript c'était la value du SELECT , mais lorsque je veux passer les 3 prix de chaque matière première comment dois je procéder?
Peut être des input type hidden ?
J'espère avoir réussi à exposer assez simplement mon problème.
Ça serait cool si quelqu'un pouvez m'aider car ça fait un bon moment que je bute sur ce problème.

Salut,

Tu pourrais concaténer tous les prix, par ex: kiwi-2-3-4.5
tu utilise split('-') pour transformer ça en tableau et tu extrait le prix à l'index
qui correspond au choix de l'unité ?

Si tu n'as pas besoin de la validation w3c, tu peux passer les prix dans des attributs persos sur les champs de ton formulaire, du genre:

Code:

---

<select id="kiwi" pht="3" pkg="3.5" ppce="4">...</select>

---

Et apres tu récupères les valeurs avec un simple

Code:

---

monselect.getAttribute("pht")

---

J'avais pensé effectivement concaténer tous les prix mais je trouvais ça un peut barbare et dans le cas ou mes prix sont à virgules ça ne pose pas de problème?
Car une fois la 1er ligne rempli et le prix calculer l'utilisateur peut avec un bouton ADD (et l'utilisation de la librairie prototype AJAX ), rajouter la ligne dans la recette , et donc elle s'affichera en dessous , dans un tableau , la matière 1er sera supprimé du SELECT, et en fasse de la nouvelle ligne du tableau il y aura un bouton suppr qui aura pour effet la suppression de la ligne et le renvoi de la matière 1er dans le SELECT , mais au moment de se renvoi les 3 prix seront perdu , donc je pourrai pas remettre en forme (kiwi-prix1-prix2-prix3) ?

Citation:

---

Envoyé par DoubleU

Si tu n'as pas besoin de la validation w3c, tu peux passer les prix dans des attributs persos sur les champs de ton formulaire, du genre:

Code:

---

<select id="kiwi" pht="3" pkg="3.5" ppce="4">...</select>

---

Et apres tu récupères les valeurs avec un simple

Code:

---

monselect.getAttribute("pht")

---

---

Héllo DoubleU
Je ne comprends pas trés bien ou mettre ce que tu me propose , voici actuellement mon code

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

<select name="ingredient" id="ingredient" onChange="javascript:refresh_calc();"> <? while($val=mysql_fetch_assoc($req_fourniture)) { ?> <option name="ingredient" value="<? echo $val['nom_produit']."-".$val['prix_kg']; ?>" <? echo $val['nom_produit']; ?></option> <? } ?>   </select>

---

Tu pourrais faire les choses différemment, au lieu de générer un select
qui contient les informations, tu pourrais générer un JSON javascript, dans ce genre

Code:

---

1 2 3 4 5

var articles = [ { libelle: 'kiwi', prix1: 2.5, prix2: 4, prix3: 5.5, show: true }, { libelle: 'oeuf', prix1: 2.5, prix2: 4, prix3: 5.5, show: true }, ];

---

C'est super simple à générer depuis PHP avec json_encode

Ensuite tu fais une fonction qui construit le select d'après la variable articles.
et qui crée l'option si show==true

Pour chaque manipulation, tu modifie tes flag show et tu reconstruit complètement ta liste.

+1 avec marcha , je préconise également le tableau json :)

@rockt13 : désolé, c'est pas dans le select qu'il faut mettre les attributs, mais dans chaque options (matin, toussa... :oops:)

sinon la solution de marcha est probablement la meilleure ^^

D'après ce que je viens de lire sur JSON (que je ne connaissais pas du tout) , ça semble bien répondre à mon besoin, en plus l'idée de mettre show=true/false va pas mal me faciliter les choses :)
Par contre côté mise en œuvre je ne vois pas trop comment procédé ,car les exemples que j'ai trouvé sont assez complexes et/ou font intervenir un fichier externe JSON.
Aurais-tu un petit exemple?
est ce que la procédure est la suivante :
1)creer un tableau php que je remplie via ma requette SQL ,
2)puis ce tableau je le converti avec $all_val= json_encode($montableau) ,
3)puis je récupère via mon script javascript $all_val ( je ne vois pas du tout comment le récupérer )
4)à quel moment je met en place mont SELECT?avec AJAX?

Citation:

---

Envoyé par DoubleU

@rockt13 : désolé, c'est pas dans le select qu'il faut mettre les attributs, mais dans chaque options (matin, toussa... :oops:)

sinon la solution de marcha est probablement la meilleure ^^

---

Np :) , du coup ça m'intéresse car c'est quelque chose comme ça que je voulais faire , mais je ne savais pas qu'on pouvait mettre des attributs qui ne sont pas propre à la balise SELECT , enfin je vais essayer d'abord la technique de marcha , pour essayer de faire proprement les choses ;)

Salut,

pour définir ton json dans javascript tes étapes 1 et 2 sont ok.

pour que javascript puisse l'utiliser le plus simple c'est de générer
directement le javascript depuis php, dans ce genre:

Code:

---

1 2 3 4

echo "<script type='text/javascript'>\n"; echo "var articles = $ton_json;\n"; echo "</script>\n";

---

les \n c'est juste pour faire joli et faciliter le débugage quand tu fais apperçu
de la source dans ton navigateur.

Code:

---

1 2 3 4

echo "<script type='text/javascript'>\n"; echo "var articles = $ton_json;\n"; echo "</script>\n";

---

Et une fois que j'ai fait ceci , lorsque m'a fonction refresh_calc() sera appelée articles sera connu dans refresh_calc()?
A quel moment mon select est mis en place?

en écrivant ceci, 'article' est une variable visible de toute tes fonctions,
elle est globale.

Pour construire ton select, fais une fonction que tu place dans le head

Code:

---

1 2 3

function buildSelect() { }

---

et tu l'appelle une première fois au chargement de la page sur l'évènement
onload du body, ou alors tu mets un script après la balise qui doit contenir
ton select avec juste buildSelect(); dedans.

Code:

---

1 2 3 4

<script type='text/javascript'> buildSelect(); </script>

---

donc à partir de là , c'est dans buildselect() que je vais creer en javascript mon menu select du genre :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

buildselect() { var i=0; while(i < $mon_json.size()) { if($mon_json[i].show==true) { ajouter_option_auselect($mon_json.libelle[i]); } i++; } }

---

oui, quelque chose dans ce gout là

merci beaucoup je vais essayer de mettre tout ça en place :)

(J'ai cependant encore une question :oops: le json , est il détruit au changement de page , ou lors d'un refresh ?

étant donné que tu le génère depuis php, il fait partie de la page.

Quand celle-ci est rechargée ton "application" est réinitialisée, donc
oui il est détruit, mais il reprends sa valeur initiale. donc tu va perdre
l'était des flags uniquement, si tel est ta question ?

Oui c'est tout à fait ce que je voulais savoir :)
mais ça me convient parfaitement

Bonjour
J'essai enfin de mettre le code proposé en place

Code:

---

1 2 3 4 5

var articles = [ { libelle: 'kiwi', prix1: 2.5, prix2: 4, prix3: 5.5, show: true }, { libelle: 'oeuf', prix1: 2.5, prix2: 4, prix3: 5.5, show: true }, ];

---

En fait je ne vois pas comment faire un tableau en php qui puisse me générer ce genre de JSON
Car la doc donne ceci :

Code:

---

1 2 3 4 5 6

<?php $arr = array ('a'=>1,'b'=>2,'c'=>3,'d'=>4,'e'=>5);   echo json_encode($arr); ?>

---

Code:

---

1 2	{"a":1,"b":2,"c":3,"d":4,"e":5}

---

moi il me faut

Code:

---

1 2	$arr = array ('libele' => kiwi , 'prix1'=>3 , 'prix2'=>3,'prix3'=>4,'show'=>true);

---

Mais pour en avoir plusieurs sur la meme ligne ...je ne sais pas comment faire, à vrais dire j'ai trés rarement manipulé des tableau en php.

Citation:

---

Envoyé par marcha

Salut,

Tu pourrais concaténer tous les prix, par ex: kiwi-2-3-4.5
tu utilise split('-') pour transformer ça en tableau et tu extrait le prix à l'index
qui correspond au choix de l'unité ?

---

Finalement je crois que je vais utiliser cette solution , car le JSON me semble trop complexe à mettre en place ... :)