Formulärdata?

2 svar · 241 visningar · startad av Krille29 9 feb. 2003

Krille29Medlem sedan dec. 200218 inlägg

Frågan9 feb. 2003 20:16#1

Hej!

Se bifogat script nedan. Jag vill få till en alert-box med texten "beställningen skickad!" samt att alla variabler visas som ingår i beställningen. Detta ska simulera att beställningsdatat skickas till servern.

Tacksam för någons hjälp!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Final//EN">
<html>
<head>
<title>Stuguthyrning</title>
<script>
function stugpris(){
var totalpris = parseInt(document.formen.temporar.value) * parseFloat(document.formen.temporar2.value) ;
var tmp1=totalpris*0.9
if (document.formen.faktura.checked==true){
var tmp2=tmp1+30;}
else{
tmp2=tmp1;
}
document.formen.pris.value=tmp2+parseInt(document.formen.stadhidden.value)

var ikryssad=false
for (x=0; x<document.formen.stuga.length; x++){
if (document.formen.stuga[x].checked) ikryssad=true;
}
if (ikryssad == false) alert("välj stugbokning");

var ikryssad=false
for (x=0; x<document.formen.vecka.length; x++){
if (document.formen.vecka[x].checked) ikryssad=true;
}
if (ikryssad == false) alert("välj vecka");

}
</script>
<style>

</style>
</head>
<body>
<form name="formen" action="stugor.asp" method="post" onSubmit="stugpris();">
Pris på stugbokning för vuxen:<br>
A:
<input type="radio" onclick="document.formen.temporar.value=this.value;" name="stuga" value="2000">
B:
<input type="radio" onclick="document.formen.temporar.value=this.value;" name="stuga" value="1600">
C:
<input type="radio" onclick="document.formen.temporar.value=this.value;" name="stuga" value="1000">
<br>
Pris på stugbokning för barn:<br>
A:
<input type="radio" onclick="document.formen.temporar.value=this.value;" name="stuga" value="1100">
B:
<input type="radio" onclick="document.formen.temporar.value=this.value;" name="stuga" value="800">
C:
<input type="radio" onclick="document.formen.temporar.value=this.value;" name="stuga" value="500">
<br>Vecka 1-4<br>
v1:
<input type="radio" onclick="document.formen.temporar2.value=this.value;" name="vecka" value="1">
v2:
<input type="radio" onclick="document.formen.temporar2.value=this.value;" name="vecka" value="0.95">
v3:
<input type="radio" onclick="document.formen.temporar2.value=this.value;" name="vecka" value="0.7">
v4:
<input type="radio" onclick="document.formen.temporar2.value=this.value;" name="vecka" value="0.85">
<br>
<br>
Allmän rabatt 10%:
<input type="checkbox" name="checkbox" value="checkbox" disabled checked>
<br>
Ingen städ:
<input type="radio" name="stadavg" onClick="document.formen.stadhidden.value=document.formen.stadavg[0].value;" value="0" checked>
<br>
Halv städagift:
<input type="radio" name="stadavg" onClick="document.formen.stadhidden.value=document.formen.stadavg[1].value;" value="450">
<br>
Hel städavgift:
<input type="radio" name="stadavg" onClick="document.formen.stadhidden.value=document.formen.stadavg[2].value;" value="750">
<input type="hidden" name="stadhidden" value="0">
<br>
Betalas med faktura:
<input type="checkbox" name="faktura" value="1">
30kr <br>
<br>
Priset för en vecka är:
<input type="text" name="pris" size="4" style="border:none;font-size:9px;" value="0">
kr.<br>
<input type="button" onClick="stugpris();" value="Beräkna">
<input type="reset" name="Reset" value="Återställ">
<input type="hidden" name="temporar"><input type="hidden" name="temporar2">
</form>
<br>
<br>
</font>
</body>
</html>

Jesper TMedlem sedan nov. 20017 144 inlägg

9 feb. 2003 22:21#2

För "övningssyfte" förstår jag. ;)

jupitersMedlem sedan sep. 2002104 inlägg

10 feb. 2003 01:13#3

satt och spånade lite och ändrade om och lade till :
blir konstigt när man kopierar in här. vissa rader i "altext"-alertrutan måste göras längre för att passa in i rätt kolumn.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Final//EN">
<html>
<head>
<title>Stuguthyrning</title>
<script>
function stugpris(){
var faktura=0;
var totalpris = parseInt(document.formen.temporar.value) * parseFloat(document.formen.temporar2.value) ;
var tmp1=totalpris*0.9
if (document.formen.faktura.checked==true){
faktura=30;
var tmp2=tmp1+30;}
else{
tmp2=tmp1;
}
document.formen.pris.value=tmp2+parseInt(document.formen.stadhidden.value)

var ikryssad=false;        
for (x=0; x\<document.formen.stuga.length; x++){
    if (document.formen.stuga\[x\].checked) ikryssad=true;
}
if (ikryssad == false) alert("välj stugbokning");  

else {
         ikryssad=false        
         for (x=0; x\<document.formen.vecka.length; x++){
             if (document.formen.vecka\[x\].checked) ikryssad=true;
         }
         if (ikryssad == false) alert("välj vecka");  
}

var altext ="Beställningen skickas! \n\n\n"
altext+="Stugbokning" + "\t" + document.formen.temporar.value + "\n";
altext+="Vecka " + "\t" + document.formen.temporar2.value + "\n";
altext+="Städning " + "\t" + document.formen.stadhidden.value + "\n";
altext+="Allmän rabatt" + "\t" + "10%" +"\n";
altext+="Faktura " + "\t" + faktura + "\n\n";
altext+="Totalt \t" + document.formen.pris.value;

if (confirm(altext)) return ikryssad;

return false;

}
</script>
<style>

</style>
</head>
<body>
<form name="formen" action="stugor.asp" method="post" onSubmit="return stugpris();">
Pris på stugbokning för vuxen:<br>
A:
<input type="radio" onclick="document.formen.temporar.value=this.value;" name="stuga" value="2000">
B:
<input type="radio" onclick="document.formen.temporar.value=this.value;" name="stuga" value="1600">
C:
<input type="radio" onclick="document.formen.temporar.value=this.value;" name="stuga" value="1000">
<br>
Pris på stugbokning för barn:<br>
A:
<input type="radio" onclick="document.formen.temporar.value=this.value;" name="stuga" value="1100">
B:
<input type="radio" onclick="document.formen.temporar.value=this.value;" name="stuga" value="800">
C:
<input type="radio" onclick="document.formen.temporar.value=this.value;" name="stuga" value="500">
<br>Vecka 1-4<br>
v1:
<input type="radio" onclick="document.formen.temporar2.value=this.value;" name="vecka" value="1">
v2:
<input type="radio" onclick="document.formen.temporar2.value=this.value;" name="vecka" value="0.95">
v3:
<input type="radio" onclick="document.formen.temporar2.value=this.value;" name="vecka" value="0.7">
v4:
<input type="radio" onclick="document.formen.temporar2.value=this.value;" name="vecka" value="0.85">
<br>
<br>
Allmän rabatt 10%:
<input type="checkbox" name="checkbox" value="checkbox" disabled checked>
<br>
Ingen städ:
<input type="radio" name="stadavg" onClick="document.formen.stadhidden.value=document.formen.stadavg[0].value;" value="0" checked>
<br>
Halv städagift:
<input type="radio" name="stadavg" onClick="document.formen.stadhidden.value=document.formen.stadavg[1].value;" value="450">
<br>
Hel städavgift:
<input type="radio" name="stadavg" onClick="document.formen.stadhidden.value=document.formen.stadavg[2].value;" value="750">
<input type="hidden" name="stadhidden" value="0">
<br>
Betalas med faktura:
<input type="checkbox" name="faktura" value="1">
30kr <br>
<br>
Priset för en vecka är:
<input type="text" name="pris" size="4" style="border:none;font-size:9px;" value="0">
kr.<br>
<input type="button" onClick="stugpris();" value="Beräkna">
<input type="reset" name="Reset" value="Återställ">
<input type="hidden" name="temporar"><input type="hidden" name="temporar2">
<input type="submit" value="Skicka in">
</form>
<br>
<br>

</body>
</html>