Maken van een formulier in dreamweaver (optellen van bedragen)

Status
Niet open voor verdere reacties.

ivries

Nieuwe gebruiker
Lid geworden
22 feb 2011
Berichten
2
Beste Forumleden

Ik heb een vraag over het maken van een formulier in dreamweaver. Ik probeer een aantal regels met bedragen uiteindelijk op te tellen aan het eind maar ik krijg het niet voor elkaar.
De bedoeling is dat er een aantal radio buttons worden aangeklikt en degene die zijn aangeklikt daarvan moeten de bedragen aan het eind worden opgeteld.
Ik heb een stukje van de html code eruit geknipt en hieronder neergezet zodat het misschien wat duidelijker wordt.
Uiteindelijk moet er dus bij Totaal prijs een bedrag komen wat er daarboven is aangeklikt.

Alvast bedankt voor het meedenken.

Gr. Irving


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<h1>Kostenindicatie<br />
</h1>
<div id="formopmaak">
<form id="forms_766" name="forms_766" action="./kostenindicatie.html?form_id=3" method="post" enctype="multipart/form-data">
<table>

<tr>
<td style="padding-right:20px; vertical-align:top; font-weight: bold;" colspan="2">Soort voorbeeld</td>
</tr>
<td style="padding-right:20px; vertical-align:top">Soort voorbeeld</td>
<td>
<input type="radio" name="field[29]" value="Basiskosten voorbeeld zonder € 1175,00" onclick="forms_price('€','forms_766')" /> Basiskosten voorbeeld zonder € 1175,00<br />
<input type="radio" name="field[29]" value="Basiskosten voorbeeld met € 1995,00" onclick="forms_price('€','forms_766')" /> Basiskosten voorbeeld met € 1995,00<br /> </td>
</tr>

<tr>
<td style="padding-right:20px; vertical-align:top; font-weight: bold;" colspan="2">voorbeeld</td>
</tr>
<tr>
<td style="padding-right:20px; vertical-align:top"><span style="padding-right:20px; vertical-align:top; font-weight: bold;">voorbeeld</span></td>
<td>
<input type="radio" name="field[31]" value="voorbeeldkosten Maaslanden € 1115,00" onclick="forms_price('€','forms_766')" /> voorbeeldkosten Maaslanden, € 1115,00<br />
<input type="radio" name="field[31]" value="voorbeeldkosten Berkel € 1085,00 " onclick="forms_price('€','forms_766')" />
voorbeeldkosten Berkel € 1085,00 <br /> </td>
</tr>
<tr>
<td colspan="2">&nbsp;</td>
</tr>
<tr>
<td style="padding-right:20px; vertical-align:top; font-weight: bold;" colspan="2">Vaste kosten</td>
</tr>
<tr>
<td style="padding-right:20px; vertical-align:top">Vaste kosten *</td>
<td>
<input type="radio" name="field[52]" value="kosten formulier € 11,50" onclick="forms_price('€','forms_766')" />
kosten formulier € 11,50<br /> </td>
</tr>
<tr>
<td>Totaal prijs: </td>
<td>
<span id="forms_766_total_span"> </span>
<input type="hidden" name="total_price" id="forms_766_total_hidden" value="" /> </td>
</tr>
</table>
</form>
</div>
<br />
<br />
</div>
</div>
</div>
</body>
</html>
 
Hoi ivries,
Ik denk dat je een lege <div id="totaalbox"></div> in de html moet zetten, en dan bij elke radiobutton een functie onclick="add(1175)" (met het betreffende bedrag) moet gebruiken. Het bijbehorende script wordt dan iets als:
[JS]var vasteKosten = 11.5;
var totaal = vasteKosten;

function add(i){
totaal = totaal + i;
var totBox = document.getElementById('totaalbox');
totBox.innerHTML = totaal;
}[/JS]
Daar zal nog iets bij moeten om hele bedragen te voorzien van een komma en twee nullen, en een puntje voor de duizendtallen.
NB: de rekengetallen gaan in de Engelse notatie (met punt i.p.v. komma), de schermgetallen moeten een Hollandse komma krijgen.

Met vriendelijke groet,
CSShunter
 
thanks

Beste CSShunter

Thanks voor je reply. Ik ga er mee aan de slag. Als ik ergens niet uit kom dan zal ik nog wel een vraag stellen.
Bedankt
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan