Super bedankt!!!!
Link gekopieerd
Het script doet het goed maar vraag me af waar de tekst "Totaal bedrag:" en daarbij behorende tektvak is gebleven, want deze is niet zichtbaar? :-)
Het bestuur heeft aan mij doorgegeven dat partners van de leden nu ook welkom zijn, deze betalen dan wel iets meer dan de leden.
Dus heb ik wat geprobeerd. Het probleem waar ik nu tegen aan loop is als volgt: de opties worden niet bij elkaar opgeteld en de tekst "Totaal bedrag:" + tektvak en "Naam partner" + tekstvak zijn niet zichtbaar.
Wat moet er nog aangepast worden zodat dit gaat werken?
Hieronder het script + formulier wat ik heb aangepast/geprobeerd.
Alvast bedankt voor de reactie(s)!!
<html>
<head>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Aanmelden</title>
</head>
<body>
<script> function calculateTotals ()
{
var select = document.getElementById('Activiteiten');
// var selectedText = select.options[select.selectedIndex].text;
var selectedValue = select.options[select.selectedIndex].value;
// alert(selectedText);
// alert(selectedValue);
var price = 0.00; // Kies iets..
if(selectedValue == 1) {
price = 10.00; // de prijs voor diner
} else if(selectedValue == 2) {
price = 15.00; // de prijs voor diner + feest
} else if(selectedValue == 3) {
price = 5.00; // de prijs voor enkel feest
}
document.getElementById('Totaal_bedrag').value = price.toFixed(2);
}
</script>
<script> function calculateTotals_partner ()
{
var select = document.getElementById('Activiteiten_partner');
// var selectedText = select.options[select.selectedIndex].text;
var selectedValue = select.options[select.selectedIndex].value;
// alert(selectedText);
// alert(selectedValue);
var price = 0.00; // Kies iets..
if(selectedValue == 1) {
price = 15.00; // de prijs voor diner
} else if(selectedValue == 2) {
price = 25.00; // de prijs voor diner + feest
} else if(selectedValue == 3) {
price = 10.00; // de prijs voor enkel feest
}
document.getElementById('Totaal_bedrag').value = price.toFixed(3);
}
</script>
<form method="POST" action="aanmelden.php">
<p><font face="Verdana">Naam: <font size="3"> <input type="text" name="Naam" size="20"></font></font></p>
<p><font face="Verdana">Telefoon: <font size="3"> <input type="text" name="Mail0" size="20"></font></font></p>
<p><font face="Verdana">E-mail: <font size="3"> <input type="text" name="Mail" size="20"></font></font></p>
<p><font face="Verdana">Aan welke activiteiten wil je deelnemen?</font></p>
<p><font size="3" face="Verdana">
<select size="1"id="Activiteiten" name="Activiteiten" onchange="javascript:calculateTotals();">
<option value selected>Kies iets..</option>
<option value="1">Alleen Diner</option>
<option value="2">Diner + feest</option>
<option value="3">Alleen feest</option></font></p>
<p> </p>
<p><font face="Verdana">Naam partner: </font> <font size="3" face="Verdana">
<input type="text" name="Naam_partner" size="20"></font></p>
<p>
<font size="3" face="Verdana">
<select size="1"id="Activiteiten_partner" name="Activiteiten_partner" onchange="javascript:calculateTotals_partner();">
<option value selected>Kies iets..</option>
<option value="1">Alleen Diner</option>
<option value="2">Diner + feest</option>
<option value="3">Alleen feest</option></font></p>
<p>
</p>
<p>
<font face="Verdana"><b>Totaal bedrag:</b>
</font>
<font face="Verdana" size="3"><span style="font-family: Verdana; font-size: 12pt">
<font size="3"><span style="font-size: 11pt">
<font size="3" face="Verdana">
<input type="text" name="Totaal_bedrag" id="Totaal_bedrag" size="12"></font></span></font></span></font><font face="Verdana"><span style="font-family: Verdana; "> </span></font></p>
<p>
</p>
<p><span style="font-family: Verdana">Vragen/opmerkingen</span></p>
<p>
<font face="Verdana" size="3"><span style="font-family: Verdana; font-size: 12pt">
<font size="3">
<textarea rows="4" name="Opmerking" cols="56" style="font-family: Verdana; "></textarea></font></span></font></p>
<p>
<font color="#FF0000" face="Verdana">*</font><font face="Verdana"><b>Veiligheidscode: </b> <b><font color="#CC0000">6b7F</font></b>
<b>></b> </font><font face="Verdana" size="3">
<span style="font-family: Verdana; font-size: 12pt">
<font size="3"><span style="font-size: 11pt">
<font size="3" face="Verdana">
<input type="text" name="code" size="20"></font></span></font></span></font><font face="Verdana">
</font></p>
<p><font size="3" face="Verdana"><input type="submit" value="Verzenden" name="B1"></font></p>
</form>
</body>
</html>
Link gekopieerd
Intussen heb ik het script verder aangepast waarbij het gelukt is om de tekst totaal bedrag + de tekstvak en naam partner + tekstvak zichtbaar te maken.
Het aanmeldformulier is helemaal klaar voor gebruik op 1 ding na =
Dat de bedragen van de gekozen opties niet bij elkaar opgeteld wordt.
Wie wil mij hier me helpen?
<html>
<head>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Aanmelden</title>
</head>
<body>
<script> function calculateTotals ()
{
var select = document.getElementById('Activiteiten');
// var selectedText = select.options[select.selectedIndex].text;
var selectedValue = select.options[select.selectedIndex].value;
// alert(selectedText);
// alert(selectedValue);
if(selectedValue == 1) {
price = 0.00; // // Maak hier een keuze
} else if(selectedValue == 2) {
price = 0.00; // Alleen ledenbijeenkomst
} else if(selectedValue == 3) {
price = 0.00; // Ledenbijeenkomst + workshop
} else if(selectedValue == 4) {
price = 10.00; // Ledenbijeenkomst + workshop + diner
} else if(selectedValue == 5) {
price = 15.00; // Ledenbijeenkomst + workshop + diner + feest
} else if(selectedValue == 6) {
price = 0.00; // Alleen Workshop
} else if(selectedValue == 7) {
price = 10.00; // Workshop + diner
} else if(selectedValue == 8) {
price = 15.00; // Workshop + diner + feest
} else if(selectedValue == 9) {
price = 10.00; // Alleen diner
} else if(selectedValue == 10) {
price = 15.00; // Diner + feest
} else if(selectedValue == 11) {
price = 5.00; // Alleen feest
}
document.getElementById('Totaal_bedrag').value = price.toFixed(2);
}
</script>
<!-------------------------------------------------------------------->
<script> function calculateTotals_partner ()
{
var select = document.getElementById('Activiteiten_partner');
// var selectedText = select.options[select.selectedIndex].text;
var selectedValue = select.options[select.selectedIndex].value;
// alert(selectedText);
// alert(selectedValue);
if(selectedValue == 1) {
price = 0.00; // // Maak hier een keuze
} else if(selectedValue == 22) {
price = 0.00; // Alleen Workshop
} else if(selectedValue == 23) {
price = 15.00; // Workshop + diner
} else if(selectedValue == 24) {
price = 25.00; // Workshop + diner + feest
} else if(selectedValue == 25) {
price = 15.00; // Alleen diner
} else if(selectedValue == 26) {
price = 25.00; // Diner + feest
} else if(selectedValue == 27) {
price = 10.00; // Alleen feest
}
document.getElementById('Totaal_bedrag').value = price.toFixed(2);
}
</script>
<!-------------------------------------------------------------------->
<form method="POST" action="aanmelden.php">
<p><font face="Verdana">Naam: <font size="3"> <input type="text" name="Naam" size="20"></font></font></p>
<p><font face="Verdana">E-mail: <font size="3"> <input type="text" name="Mail" size="20"></font></font></p>
<p><font face="Verdana">Aan welke activiteiten wil je deelnemen?</font></p>
<p><font size="3" face="Verdana">
<select size="1"id="Activiteiten" name="Activiteiten" onchange="javascript:calculateTotals();" style="font-family: Verdana">
<option value="1">Maak hier een keuze</option>
<option value="2">Alleen ledenbijeenkomst</option>
<option value="3">Ledenbijeenkomst + workshop</option>
<option value="4">Ledenbijeenkomst + workshop + diner</option>
<option value="5">
Ledenbijeenkomst + workshop + diner + feest</option>
<option value="6">Alleen Workshop</option>
<option value="7">Workshop + diner</option>
<option value="8">Workshop + diner + feest
</option>
<option value="9">Alleen diner</option>
<option value="10">Diner + feest</option>
<option value="11">Alleen feest</option></font></select><font face="Verdana"> </font></p>
<p> </p>
<p><font face="Verdana">Naam partner:</font>
<font size="3" face="Verdana">
<input type="text" name="Naam_partner" size="20"></font></p>
<p><font size="3" face="Verdana">
<select size="1"id="Activiteiten_partner" name="Activiteiten_partner" onchange="javascript:calculateTotals_partner();" style="font-family:Verdana">
<option value="1">Maak hier een keuze</option>
<option value="22">Alleen Workshop</option>
<option value="23">Workshop + diner</option>
<option value="24">Workshop + diner + feest
</option>
<option value="25">Alleen diner</option>
<option value="25">Diner + feest</option>
<option value="27">Alleen feest</option></font></select> </p>
<p> </p>
<p>
<font face="Verdana"><b>Totaal bedrag:</b>
</font>
<font face="Verdana" size="3"><span style="font-family: Verdana; font-size: 12pt">
<font size="3"><span style="font-size: 11pt">
<font size="3" face="Verdana">
<input type="text" name="Totaal_bedrag" id="Totaal_bedrag" size="12"></font></span></font></span></font><font face="Verdana"><span style="font-family: Verdana; "> </span></font></p>
<p>
</p>
<p><span style="font-family: Verdana">Vragen/opmerkingen:</span></p>
<p>
<font face="Verdana" size="3"><span style="font-family: Verdana; font-size: 12pt">
<font size="3">
<textarea rows="4" name="Opmerking" cols="56" style="font-family: Verdana; "></textarea></font></span></font></p>
<p>
<font color="#FF0000" face="Verdana">*</font><font face="Verdana"><b>Veiligheidscode: </b> <b><font color="#CC0000">6b7F</font></b>
<b>></b> </font><font face="Verdana" size="3">
<span style="font-family: Verdana; font-size: 12pt">
<font size="3"><span style="font-size: 11pt">
<font size="3" face="Verdana">
<input type="text" name="code" size="20"></font></span></font></span></font><font face="Verdana">
</font></p>
<p><font size="3" face="Verdana"><input type="submit" value="Verzenden" name="B1"></font></p>
</form>
</body>
</html>
Link gekopieerd
