Bonjour,

Il y a 1 mois, je ne connaisais rien du tout à la création d'un site! Aujourd'hui, j'ai dépassé un peu ce stade où mes seules connaissances en programmation étaient le Basic, Pascal, TPascal et le Dos ... c'est grâce à mes nombreuses lectures que l'on peut trouver sur le net (ici entre autre)!

Mon site sera consacré à un club de course à pied et pour vivre mon club organise un repas. J'aimerai consacrer une page à la réservation mais comment bien faire?

Quelqu'un peut-il me dire comment améliorer ma page de code pour que le prix soit calculé directement? Il y a certainement d'autres amélioration à y apporter alors n'hésiter pas à critiquer mais soyez indulgent!

Merci




J'ai remis le code plus bas corrigé pour que cela fonctionne

Modifié par sebe (16 Mar 2005 - 22:13)
bonjour sebe, déjà une chose, pourrais-tu rééditer ton post et mettre ton code source entre [code ] et [/code ] ( sans l'espace ) afin que se soit plus clair.

Ensuite, le calcul d'un montant n'est pas fait en XHTML/CSS/ECMAScript, mais en PHP...

Je te déconseille de faire un calcul de montant total en ECMAScript ( ex-Javascript ) car si le visiteur l'a désactivé, il va se retrouver avec un montant de 0€ à payer, c'est cool Smiley lol
Modifié par anthony (14 Mar 2005 - 15:25)
Bon voilà ... j'ai continuer mes recherches et v'là

Juste 2 questions
Comment interdire que le visiteur écrive lui-même un prix dans la case total?
Comment récupérer toutes les données?

Voici mon code retravaillé avec du javascript enfin je pense!
Merci.



J'ai changé quelques petites choses alors je l'ai replacé plus bas

Modifié par sebe (16 Mar 2005 - 22:16)
Bonsoir et bienvenue,
Merci d'utiliser les balises [ code][/code] (sans les espaces) pour encadrer ton code dans les messages comme indiquer dans l'aide (et comme Anthony le suggérait). Smiley cligne
Voilà c'est réparé.
Je dois dire que je ne savais pas de quoi on me parler avec le <code> et le </code> ... je ne voyais pas où je devais le mettre sur ma feuille. En faite, il fallait que j'entoure mon code en entier ! ! !
Voilà, j'ai en parti résolu mon problème car il calcule pour moi le prix mais je me pose encore quelques questions

- comment faire pour que le visiteur n'indique pas lui même un prix qui lui convient?

- comment faire pour récupérer cette page (réservation pour un repas)

Voici mon code corrigé

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
	<title>Repas</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
body {
	background-image: url(GettingStarted/BACKGRND112.gif);
}
-->
</style></head>

<body>
<h1 align="center"><input type=hidden name=subject value=formmail>
</h1>
<div align=center><form name=monForm method=POST action=formmail.php >
  <table height="558">
<tr><td width="417">Votre Nom:</td>
    <td width="332"><input type=text name=realname size=30></td></tr>
<tr><td>Votre Prénom:</td>
    <td><input type=text name=name size=30></td></tr>
<tr><td>Votre Email:</td>
    <td><input type=text name=email size=30></td></tr>
<tr><td>Nbre de repas fromage adulte:</td>
    <td> 
	<select name="fadulte" size=1 onChange='javascript:calcul();'>
<option value="0" >0
<option value="1" >1
<option value="2" >2
<option value="3" >3
<option value="4" >4
<option value="5" >5
<option value="6" >6
<option value="7" >7
<option value="8" >8
<option value="9" >9
<option value="10" >10
<option value="11" >11
<option value="12" >12
<option value="13" >13
<option value="14" >14
<option value="15" >15
<option value="16" >16
<option value="17" >17
<option value="18" >18
<option value="19" >19
<option value="20" >20
</select>
	 X 14€</td></tr>
<tr><td>Nbre de repas fromage enfant:</td>
    <td><select name="fenfant" size=1 onChange='javascript:calcul();'>
<option value="0" >0
<option value="1" >1
<option value="2" >2
<option value="3" >3
<option value="4" >4
<option value="5" >5
<option value="6" >6
<option value="7" >7
<option value="8" >8
<option value="9" >9
<option value="10" >10
<option value="11" >11
<option value="12" >12
<option value="13" >13
<option value="14" >14
<option value="15" >15
<option value="16" >16
<option value="17" >17
<option value="18" >18
<option value="19" >19
<option value="20" >20
</select> X   7€</td></tr>
<tr><td>Nbre de repas charcuterie adulte:</td>
    <td><select name="chadulte" size=1 onChange='javascript:calcul();'>
<option value="0" >0
<option value="1" >1
<option value="2" >2
<option value="3" >3
<option value="4" >4
<option value="5" >5
<option value="6" >6
<option value="7" >7
<option value="8" >8
<option value="9" >9
<option value="10" >10
<option value="11" >11
<option value="12" >12
<option value="13" >13
<option value="14" >14
<option value="15" >15
<option value="16" >16
<option value="17" >17
<option value="18" >18
<option value="19" >19
<option value="20" >20
</select> X 14€</td></tr>
<tr><td>Nbre de repas charcuterie enfant:</td>
    <td><select name="chenfant" size=1 onChange='javascript:calcul();'>
<option value="0" >0
<option value="1" >1
<option value="2" >2
<option value="3" >3
<option value="4" >4
<option value="5" >5
<option value="6" >6
<option value="7" >7
<option value="8" >8
<option value="9" >9
<option value="10" >10
<option value="11" >11
<option value="12" >12
<option value="13" >13
<option value="14" >14
<option value="15" >15
<option value="16" >16
<option value="17" >17
<option value="18" >18
<option value="19" >19
<option value="20" >20
</select> X   7€</td></tr>

<td height="22">
<tr></tr><td height="2"></td>

<tr><td width="417"><div align="right">Total &agrave; payer:
          </div>
<td width="332"><textarea COLS=10 ROWS=1 name=total></textarea>
  </tr><td height="38"></td>

<tr><td height="98" colspan=2><p>Vos remarques:<br>
          <textarea COLS=64 ROWS=2 name=comments></textarea>
  </p>
  </td></tr>

 <br>
 <tr><td colspan=2><p>Si toute fois vous avez la possibilit&eacute; de nous donner un coup de main le jour 
 <br> ou la soir&eacute;e du repas, sachez que toute aide sera pr&eacute;cieuse. Dans ce cas veuillez 
 <br>nous donner vos disponibilités.
   
          <textarea name="aide" cols="64" rows="2"></textarea>
     </p>
     </td></tr>

</table>

 
  <p><br> 
      <input type=submit value=Envoyer>
      -
      <input type=reset value=Annuler>
    </p>
</form>

<SCRIPT type="text/javascript"> 
function calcul(){ 
tmp=0; 
tmp+=document.forms.monForm.fadulte.value*14; 
tmp+=document.forms.monForm.fenfant.value*7; 
tmp+=document.forms.monForm.chadulte.value*14; 
tmp+=document.forms.monForm.chenfant.value*7; 
document.forms.monForm.total.value = tmp+ " Euros";
} 
</SCRIPT>
</div>

</body>
</html>