Prisberegner - inputs
Hej,Jeg har en billede prisberegner, som jeg gerne vil have til at beregne et pris eksempel, udfra hvor mange billeder man har skrevet i feltet, jeg har bikset med noget, men er støt på et problem jeg ikke helt kan løse:
1; F.eks. hvis kunden ønsker at få taget 50 billeder, og de 50 billeder skal printes som alm. 10x15 billedeformat, de koster 10,- kr. stk. som den gør nu, plusser den bare 10 med 50, altså bliver resultatet jo 60 og ikke 500, som det jo burde (50*10).
- Hvordan gør jeg det? Kan kun få den til at plusse?
2; Hvordan får jeg den til at opdatere et input felt "live"? Altså alt afhæning hvad man skriver og krydser af?
-------Hvis det kan hjælpe lidt, får I lige min kode her:--------
<html>
<head>
<title>MediaForce - Prisberegner</title>
<link rel="stylesheet" type="text/css" href="_style/_custom.css" media="screen" />
<script type="text/javascript">
function priceAmount(felt, nummer, amount){
var cname = felt
var cnumb = nummer
t_user = "cal_" + felt
var a= parseInt(document.priceForm[t_user].value);
var b= (nummer.checked)?a+parseInt(nummer.value):a-parseInt(nummer.value);
var c = parseInt(nummer.value);
document.priceForm["cal_price"].value = b;
}
</script>
</head>
<body>
<div id="Wrapper">
<a href="/" title="Gå tilbage til forsiden"><div id="HeaderLogo"></div></a>
<div id="ContentInput">
<h1>Mediaforce billede prisberegner:</h1><br/>
<div id="ContentForm">
<form name="priceForm" method="post" accept-charset="utf-8">
<div class="infoClass">
<div class="infoHeader">
Antal billeder
</div>
<div class="infoDec" style="width: 290px;">
<p class="infoDecClose" style="width: 290px;">1,- kr.</p>
</div>
<div class="infoPrice">
<p class="infoDecPrice"><input type="text" name="price" value="" onchange="priceAmount('price',this);" /></p>
</div>
<div class="infoOption">
</div>
</div>
<div class="infoClass">
<div class="infoHeader">
Billede format:
</div>
<div class="infoDec">
<p class="infoDecClose">Pas foto</p>
<p class="infoDecClose_2">10x15</p>
<p class="infoDecClose">A5</p>
<p class="infoDecClose_2">A4</p>
<p class="infoDecClose">A3</p>
<p class="infoDecClose_2">A2</p>
<p class="infoDecClose">A1</p>
<p class="infoDecClose_2">CD m/tryk</p>
<p class="infoDecClose">DVD m/tryk</p>
</div>
<div class="infoPrice">
<p class="infoDecPrice">10,- kr.</p>
<p class="infoDecPrice_2">20,- kr.</p>
<p class="infoDecPrice">30,- kr.</p>
<p class="infoDecPrice_2">50,- kr.</p>
<p class="infoDecPrice">100,- kr.</p>
<p class="infoDecPrice_2">300,- kr.</p>
<p class="infoDecPrice">600,- kr.</p>
<p class="infoDecPrice_2">30,- kr.</p>
<p class="infoDecPrice">40,- kr.</p>
</div>
<div class="infoOption">
<ul class="listInfoOption">
<li class="infoDecOption"><input type="checkbox" name="price" value="10" onclick=" priceAmount('price',this)"><br/></li>
<li class="infoDecOption_2"><input type="checkbox" name="price" value="20" onclick=" priceAmount('price',this)"><br/></li>
<li class="infoDecOption"><input type="checkbox" name="price" value="30" onclick=" priceAmount('price',this)"><br/></li>
<li class="infoDecOption_2"><input type="checkbox" name="price" value="50" onclick=" priceAmount('price',this)"><br/></li>
<li class="infoDecOption"><input type="checkbox" name="price" value="100" onclick=" priceAmount('price',this)"><br/></li>
<li class="infoDecOption_2"><input type="checkbox" name="price" value="300" onclick=" priceAmount('price',this)"><br/></li>
<li class="infoDecOption"><input type="checkbox" name="price" value="600" onclick=" priceAmount('price',this)"><br/></li>
<li class="infoDecOption_2"><input type="checkbox" name="price" value="30" onclick=" priceAmount('price',this)"><br/></li>
<li class="infoDecOption"><input type="checkbox" name="price" value="40" onclick=" priceAmount('price',this)"><br/></li>
</ul>
</div>
</div>
<div class="infoClass">
<div class="infoHeader">
Papir kvalitet:
</div>
<div class="infoDec">
<p class="infoDecClose">Super</p>
<p class="infoDecClose_2">God</p>
<p class="infoDecClose">Middel</p>
<p class="infoDecClose_2">Standart</p>
</div>
<div class="infoPrice">
<p class="infoDecPrice">20,- kr.</p>
<p class="infoDecPrice_2">15,- kr.</p>
<p class="infoDecPrice">10,- kr.</p>
<p class="infoDecPrice_2">5,- kr.</p>
</div>
<div class="infoOption">
<ul class="listInfoOption">
<li class="infoDecOption"><input type="checkbox" name="price" value=""><br/></li>
<li class="infoDecOption_2"><input type="checkbox" name="price" value=""><br/></li>
<li class="infoDecOption"><input type="checkbox" name="price" value=""><br/></li>
<li class="infoDecOption_2"><input type="checkbox" name="price" value=""><br/></li>
</ul>
</div>
</div>
<div class="infoClass">
<div class="infoHeader">
Redigering af billederne:
</div>
<div class="infoDec">
<p class="infoDecClose">Ja</p>
</div>
<div class="infoPrice">
<p class="infoDecPrice">100,- kr.</p>
</div>
<div class="infoOption">
<ul class="listInfoOption">
<li class="infoDecOption"><input type="checkbox" name="price" value=""><br/></li>
</ul>
</div>
</div>
<div class="infoClass">
<div class="infoHeader">
Sort/hvid og/eller farve billeder:
</div>
<div class="infoDec">
<p class="infoDecClose">Sort/hvid</p>
<p class="infoDecClose_2">Farve</p>
</div>
<div class="infoPrice">
<p class="infoDecPrice">10,- kr.</p>
<p class="infoDecPrice_2">20,- kr.</p>
</div>
<div class="infoOption">
<ul class="listInfoOption">
<li class="infoDecOption"><input type="checkbox" name="price" value="" id=""><br/></li>
<li class="infoDecOption_2"><input type="checkbox" name="price" value="" id=""><br/></li>
</ul>
</div>
</div>
<div class="infoClass">
<div class="infoHeader">
Ekstra:
</div>
<div class="infoDec">
<p class="infoDecClose">Læder fotoalbum</p>
<p class="infoDecClose_2">Fotoramme</p>
<p class="infoDecClose">Flot gaveindpakning</p>
</div>
<div class="infoPrice">
<p class="infoDecPrice">250,- kr.</p>
<p class="infoDecPrice_2">150,- kr.</p>
<p class="infoDecPrice">100,- kr.</p>
</div>
<div class="infoOption">
<ul class="listInfoOption">
<li class="infoDecOption"><input type="checkbox" name="price" value="" id=""><br/></li>
<li class="infoDecOption_2"><input type="checkbox" name="price" value="" id=""><br/></li>
<li class="infoDecOption"><input type="checkbox" name="price" value="" id=""><br/></li>
</ul>
</div>
</div>
<div class="infoClass">
<div class="infoHeader">
Leveringsform:
</div>
<div class="infoDec">
<p class="infoDecClose">Mail</p>
<p class="infoDecClose_2">Pr. post</p>
<p class="infoDecClose">Afhentning</p>
</div>
<div class="infoPrice">
<p class="infoDecPrice">0,- kr.</p>
<p class="infoDecPrice_2">20,- kr.</p>
<p class="infoDecPrice">0,- kr.</p>
</div>
<div class="infoOption">
<ul class="listInfoOption">
<li class="infoDecOption"><input type="checkbox" name="price" value="" id=""><br/></li>
<li class="infoDecOption_2"><input type="checkbox" name="price" value="" id=""><br/></li>
<li class="infoDecOption"><input type="checkbox" name="price" value="" id=""><br/></li>
</ul>
</div>
</div>
<div id="calInput">
<input type="text" name="cal_price" value="0" />
</div>
<!--<div class="button">
<dt class="left" />
<dt class="middle"><input type="submit" name="submit" value="Udregn prisen" /></dt>
<dt class="right" />
</div>-->
</form>
</div>
</div>
<div id="ContentFooter"></div>
</div>
</body>
</html>
--------------
Ved det er meget tekst! Men håber virkelig at I kan hjælpe mig!
Forsat god dag.
Med venlig hilsen
Torben
