Discussion :

[arnogb69]

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é :

Code :

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

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'] ?>&nbsp;€</td>
						</tr>
					<? } ?>
							<input type="hidden" name="cleOpt" value="<?= $cleOpt ?>">

Ce qui donne dans mon code source :

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
<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&nbsp;€</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>
 
...

Je génère mon nouveau prix côté client grâce au JavaScript suivant :

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
19
20
21
function 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)+" &euro;";
		}
		else {
			parent.document.getElementById("prixaff").innerHTML = "";
		}
	}

Jusqu'ici, tout marche... même si ce n'est pas forcément la bonne solution!

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 :

Code :

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

1
2
3
4
5
for ($i=1; $i<=$cleOpt; $i++) {
	if (isset($_POST['nomOpt'.$i]))
		$prix = $_POST['nomOpt'.$i];
echo "prix : " . $prix;
}

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 recuperer

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

[Invité]

en javascript utilise "document.getElementsByName('cased[]');" qui te retourne un tableau de toutes tes checkbox. ça répond a ton problème ?

[arnogb69]

euh, ben cela ne répond pas forcement à mon problème, vu que mon JavaScript est fonctionnel... par contre, c'est ma récupération des données modifiées en JavaScript sur une AUTRE page php qui bloque...

[Invité]

qu'est ce que tu veut faire ? récupérer les donnée dans une autre fenetre ou els envoyer au serveur?

pour les recuperer coté serveur (php), utilise $_POST["nom_des_checkbox_sans_crochet"] qui est un tableau des valeur des checkbox cochée.

[arnogb69]

Merci Bourgui,

J'ai décidé de refaire le code en fait... donc si maintenant j'ai un problème, il ne sera que JavaScript, j'ai décidé de faire ce que je savais faire (donc le PHP) et de prendre le temps sur le JS...

Merci donc, résolu pour le PHP

Code :

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

1
2
3
4
5
 
$cased = $_POST['cased'];
foreach ($cased as $prixOpt) {
   echo "<br />prix : " . $prixOpt;
}