Beste leden,
Ik loop vast. Ik heb niet zoveel verstand van javascript (ben het aan het leren). Ik ben dus bezig met een tutorial om real-time calculations te maken.
Klanten moeten dus op mijn website selecteren of ze een ballonnenboog voor binnen of voor buiten willen. Daarna moeten ze de maat selecteren. De prijzen variëren dus een javascript moet ze realtime de goede prijs geven. Echter, er gebeurt niets. Wie kan mij helpen?
script.js:
index3.php?page=ballonnenboogPHP Code:
var theForm = document.forms["ballonnenboog"];
var type_prices = new Array();
type_prices["binnen"]=20;
type_prices["buiten"]=25;
// getTypePrice() finds the price based on the size of the cake.
// Here, we need to take user's the selection from radio button selection
function getTypePrice()
{
var typePrice=0;
//Get a reference to the form id="ballonnenboog"
var theForm = document.forms["ballonnenboog"];
//Get a reference to the cake the user Chooses name=selectedType":
var selectedType = theForm.elements["selectedType"];
//Here since there are 4 radio buttons selectedType.length = 4
//We loop through each radio buttons
for(var i = 0; i < selectedType.length; i++)
{
//if the radio button is checked
if(selectedType[i].checked)
{
//we set typePrice to the value of the selected radio button
//i.e. if the user choose the 8" cake we set it to 25
//by using the type_prices array
//We get the selected Items value
//For example type_prices["buiten".value]"
typePrice = type_prices[selectedType[i].value];
//If we get a match then we break out of this loop
//No reason to continue if we get a match
break;
}
}
//We return the typePrice
return typePrice;
}
var size_prices = new Array();
size_prices["enkel"]=1;
size_prices["dubbel"]=10;
size_prices["extragroot"]=20;
function getSizePrice()
{
var sizePrice=0;
//Get a reference to the form id="ballonnenboog"
var theForm = document.forms["ballonnenboog"];
//Get a reference to the cake the user Chooses name=selectedSize":
var selectedSize = theForm.elements["selectedSize"];
//Here since there are 4 radio buttons selectedSize.length = 4
//We loop through each radio buttons
for(var i = 0; i < selectedSize.length; i++)
{
//if the radio button is checked
if(selectedSize[i].checked)
{
//we set sizePrice to the value of the selected radio button
//i.e. if the user choose the 8" cake we set it to 25
//by using the size_prices array
//We get the selected Items value
//For example size_prices["buiten".value]"
sizePrice = size_prices[selectedSize[i].value];
//If we get a match then we break out of this loop
//No reason to continue if we get a match
break;
}
}
//We return the sizePrice
return sizePrice;
}
function calculateTotal()
{
//Here we get the total price by calling our function
//Each function returns a number so by calling them we add the values they return together
var setPrice = getTypePrice() + getSizePrice();
//display the result
var divobj = document.getElementById('totalPrice');
divobj.style.display='block';
divobj.innerHTML = "Total Price For the Cake $"+setPrice;
}
function hideTotal()
{
var divobj = document.getElementById('totalPrice');
divobj.style.display='none';
}
- DemoPHP Code:
<h2>Selecteer uw voorkeur</h2>
<p>
<label>Ballonnen geschikt voor</label>
<input onclick="calculateTotal();" type="radio" name="type" value="binnen" checked="checked"/> Binnen <br/>
<input onclick="calculateTotal();" type="radio" name="type" value="buiten"/> Buiten (hoge kwaliteit) <a>(?)</a>
</p>
<p>
<label>Grootte</label>
<input onclick="calculateTotal();" type="radio" name="breedte" value="0" checked="checked"/> Enkele deur (<1mtr) <br/>
<input onclick="calculateTotal();" type="radio" name="breedte" value="1000"/> Dubbele deur (<2mtr) <br/>
<input onclick="calculateTotal();" type="radio" name="breedte" value="2000"/> Extra groot (>2mtr)
</p>
// resultaat
<div id="totalPrice"></div>
- Tutorial
Ik hoop dat jullie mij kunnen helpen!
Aanvullend bericht:
Ik ben al geholpen. Had een aantal tiepvouten. Toch bedankt!
- Javascript real-time calculations
-
01-10-2012, 15:23 #1Party Service KRV
- Berichten
- 58
- Lid sinds
- 15 Jaar
Javascript real-time calculations
Laatst aangepast door Kevin den Dulk : 01-10-2012 om 17:48 Reden: Automatisch samengevoegd.
-
02-10-2012, 16:18 #2
- Berichten
- 102
- Lid sinds
- 14 Jaar
Re: Javascript real-time calculations
tiepvouten = typfouten ;)
Volgende keer een bril opzetten:P
-
02-10-2012, 16:26 #3
- Berichten
- 692
- Lid sinds
- 14 Jaar
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic