Bonjour à tous,
j'ai un soucis sur une page d'un site de vente de voiture...
Pour contextualiser, j'ai un prix de base pour une voiture. J'ai aussi la possibilité d'y ajouter des options qui sont sous formes de checkboxes dont la valeur est récuperée dans la base. Voici le code généré :
Ce qui donne dans mon code source :Code:
1
2
3
4
5
6
7
8
9
10
11
12
13 foreach ($resultat as $cleOpt => $valeur) { ?> <tr valign="top"> <td width="27"> <input type="checkbox" name="cased" value="<?= $valeur['option_id'] ?>" onClick="calcul_prix()"> <input type="hidden" name="prixOpt" value="<?= $valeur['prix'] ?>"> <input type="hidden" name="nomOpt<?= $cleOpt ?>" value="<?= $valeur['prix'] ?>"> </td> <td width="151"><?= $valeur['nom'] ?></td> <td width="208" class="txt2"><?= $valeur['prix'] ?> </td> </tr> <? } ?> <input type="hidden" name="cleOpt" value="<?= $cleOpt ?>">
Je génère mon nouveau prix côté client grâce au JavaScript suivant :Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17 <td width="27"> <input type="checkbox" name="cased" value="1" onClick="calcul_prix()"> <input type="hidden" name="prixOpt" value="1000.00"> <input type="hidden" name="nomOpt1" value="1000.00"> </td> <td width="151">Peinture métalisée</td> <td width="208" class="txt2">1000.00 </td> </tr> <tr valign="top"> <td width="27"> <input type="checkbox" name="cased" value="2" onClick="calcul_prix()"> <input type="hidden" name="prixOpt" value="2200.00"> <input type="hidden" name="nomOpt2" value="2200.00"> </td> ...
Jusqu'ici, tout marche... même si ce n'est pas forcément la bonne solution!Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21function calcul_prix() { var px = 0; px = <?= $vehicule['prix_leader'] ?>; for (var i = 0; i < document.marque.cased.length; i++) { if (document.marque.cased[i].checked == true) { px = parseFloat(px) + parseFloat(document.marque.prixOpt[i].value); } } for (var j = 0; j < document.marque.couleur.length ; j++) { if (document.marque.couleur[j].checked == true) { px = parseFloat(px) + parseFloat(document.marque.prixCouleur[j].value); } } if (px != 0) { //parent.document.form.prixtot.value = eval(px); parent.document.getElementById("prixaff").innerHTML = "Total avec options :"+eval(px)+" €"; } else { parent.document.getElementById("prixaff").innerHTML = ""; } }
Mon problème vient du fait que je n'arrive pas à ne récupérer que les options cochées pour les afficher sur une autre page via un POST...
Voici le code de mon autre page :
Je sais que sur ce code je ne recupere que les valeurs de mes champs hidden (je ne suis pas une si grosse buse, enfin pas tout le temps^^), mais comme mes checkboxes ont toutes le même nom, je ne sais pas comment les recupererCode:
1
2
3
4
5 for ($i=1; $i<=$cleOpt; $i++) { if (isset($_POST['nomOpt'.$i])) $prix = $_POST['nomOpt'.$i]; echo "prix : " . $prix; }
Je peux les recuperer en nommant ces dernieres 'cased[]', mais à ce moment là, je n'arrive pas à faire marcher mon Javascript (dont mes connaissances sont limitées).
Comment résoudre mon problème?
(je précise aussi que je n'ai pas fait ce code, ce qui n'aide pas à ma bonne explication du problème...)
Merci d'avance