Bonjour a tous
Je souhaiterais faire un simple calcul de prix en fonction de la quantité mon script pour effectuer ce calcule est le suivant (il n’est pas de moi car je suis nul en java bien qu’il soit simple) :
function calcul(formulaire)
{
var pu= formulaire.prix.value;
var qte= formulaire.quantite.value;
var tot=pu*q;
formulaire.total.value = tot ;
}
Le problème c'est que j'aimerai faire un total de toutes les sommes qui sont dans des <FORM><FROM> et les afficher dans le <FORM> suivant:
<FROM name='total'>
<input name="somme" type="text">
</FORM>
deuxième question peut on avoir un bouton SUBMIT hors d'un formulaire car mon bouton ajouter au panier ne marche pas peut être un onClick et un script bien placé pourra t'il faire l'affaire ?
Le code html de ma page est ici :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Caddie</title>
<script type="text/javascript"><!--
function calcul(formulaire) // script de calcul
{
var pu = formulaire.prix.value;
var q = formulaire.quantite.value;
var tot=pu*q;
formulaire.total.value = tot ;
}
function fenetreImage(url) //script pour ouvrir une fenêtre
{
window.open(url, '', 'maxheight, maxwidth,toolbar=no,menubar=no,status=no,resizable=yes');
}
// --></script>
<link href="css/Style.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="540" border="0" cellspacing="0" cellpadding="0">
<tr><td> </td></tr>
<tr>
<td>
<form name='produit1' >
<table width='540' border='0' cellpadding='0' cellspacing='0' bordercolor='#0033CC' bgcolor='#D6DFF7' class='tableau_commande' >
<tr>
<td width='145' rowspan='4' align='center' height='140'><a href='javascript:fenetreImage(affiche_image.php?ID=255)'><img name='' src='affiche_image_mini.php?ID=255' width='120' alt="Cliquer sur l'image pour l'agrandire" ></a></td>
<td height='25' colspan='3' class='titremenu1noir'><strong>1.réf(255) </strong></td>
<td width='78'> </td>
</tr>
<tr>
<td height='34' colspan='3'><hr></td>
<td> </td>
</tr>
<tr>
<td width='109' height='41' class='titremenu1noir' align='center'><strong>Format et Prix </strong></td>
<td width='89' class='titremenu1noir' align='center'><strong>Quantité</strong></td>
<td width='90' class='titremenu1noir' align='center'><strong>Prix en €</strong></td>
<td> </td>
</tr>
<tr>
<td align='center'><select name='prix' class='inputmenu1' onClick='calcul(produit1)'><option name='1' value='0.00'>5x8 cm 0.00 €</option>
<option name='2' value='0.24'>9x13 cm 0.24 €</option>
<option name='3' value='0.25'>10x15 cm 0.25 €</option>
<option name='4' value='0.26'>11x17 cm 0.26 €</option>
<option name='5' value='0.79'>13x18 cm 0.79 €</option>
<option name='6' value='2.49'>20x30 cm 2.49 €</option>
<option name='7' value='2.49'>20x30 cm 2.49 €</option>
<option name='8' value='6.50'>30x45 cm 6.50 €</option>
</select>
</td>
<td align='center'><input type='text' name='quantite' size='1' maxlength='3' class='inputmenu1' value='1' onChange='calcul(produit1)'></td><td align='center'><INPUT type='text' size='3' name='total' value=' -------- ' class='titremenu1noir' >
</td>
<td class='titremenu1' onClick='calcul(produit1)' ><img src='Images/divers/calcule.png' width='16' height='16' >Recalculer</td>
</tr>
<tr>
<td class='titremenu1' align='center' height='25'><a href='javascript:fenetreImage(affiche_image.php?ID=255)'>Cliquer sur l'image pour l'agrandire</a></td>
<td class='titremenu1' align='center'>Recadrer
<input type='checkbox' name='recadrer' value='recadrer'></td>
<td class='titremenu1' align='center'>Bords blancs
<input type='checkbox' name='bords_blancs' value='bords_blancs'></td>
<td class='titremenu1' align='center' >Ajouter un format </td>
<td class='titremenu1' align='center'><img src='Images/divers/corbeil16.GIF' width='16' height='16' ><a href='action.php?do=RETIRER&retirer=RETIRER&ID=255'> Supprimer</a></td>
</tr>
</table>
</form>
</td>
</tr><tr><td> </td></tr>
<tr>
<td>
<form name='produit2' >
<table width='540' border='0' cellpadding='0' cellspacing='0' bordercolor='#0033CC' bgcolor='#D6DFF7' class='tableau_commande' >
<tr>
<td width='145' rowspan='4' align='center' height='140'><a href='javascript:fenetreImage(affiche_image.php?ID=232)'><img name='' src='affiche_image_mini.php?ID=232' width='120' alt="Cliquer sur l'image pour l'agrandire" ></a></td>
<td height='25' colspan='3' class='titremenu1noir'><strong>2.réf(232) </strong></td>
<td width='78'> </td>
</tr>
<tr>
<td height='34' colspan='3'><hr></td>
<td> </td>
</tr>
<tr>
<td width='109' height='41' class='titremenu1noir' align='center'><strong>Format et Prix </strong></td>
<td width='89' class='titremenu1noir' align='center'><strong>Quantité</strong></td>
<td width='90' class='titremenu1noir' align='center'><strong>Prix en €</strong></td>
<td> </td>
</tr>
<tr>
<td align='center'><select name='prix' class='inputmenu1' onClick='calcul(produit2)'><option name='1' value='0.00'>5x8 cm 0.00 €</option>
<option name='2' value='0.24'>9x13 cm 0.24 €</option>
<option name='3' value='0.25'>10x15 cm 0.25 €</option>
<option name='4' value='0.26'>11x17 cm 0.26 €</option>
<option name='5' value='0.79'>13x18 cm 0.79 €</option>
<option name='6' value='2.49'>20x30 cm 2.49 €</option>
<option name='7' value='2.49'>20x30 cm 2.49 €</option>
<option name='8' value='6.50'>30x45 cm 6.50 €</option>
</select>
</td>
<td align='center'><input type='text' name='quantite' size='1' maxlength='3' class='inputmenu1' value='1' onChange='calcul(produit2)'></td><td align='center'><INPUT type='text' size='3' name='total' value=' -------- ' class='titremenu1noir' >
</td>
<td class='titremenu1' onClick='calcul(produit2)' ><img src='Images/divers/calcule.png' width='16' height='16' >Recalculer</td>
</tr>
<tr>
<td class='titremenu1' align='center' height='25'><a href='javascript:fenetreImage(affiche_image.php?ID=232)'>Cliquer sur l'image pour l'agrandire</a></td>
<td class='titremenu1' align='center'>Recadrer
<input type='checkbox' name='recadrer' value='recadrer'></td>
<td class='titremenu1' align='center'>Bords blancs
<input type='checkbox' name='bords_blancs' value='bords_blancs'></td>
<td class='titremenu1' align='center' >Ajouter un format </td>
<td class='titremenu1' align='center'><img src='Images/divers/corbeil16.GIF' width='16' height='16' ><a href='action.php?do=RETIRER&retirer=RETIRER&ID=232'> Supprimer</a></td>
</tr>
</table>
</form>
</td>
</tr><table width="540" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td align="right"><input name="calculer" type="submit" value="Calculer"></td>
<td align="left"><input name="panier" type="submit" value="Ajouter au Panier">
</td>
</tr>
</table>
</table>
<FROM name='total'>
<input name="somme" type="text" value=' -------- '> // ici je voudrais afficher la somme total
</FORM>
</body>
</html>