vale tenias razon me falto por cerrar preciofinal() pero ahora sigue diciendome que document.menu esta indefinido en document.menu['opcion'+j]
Código Javascript
:
Ver original<script>
var preciototal=0;
var precios = {
1:4,
2:5.25,
3:7,
4:12.4,
5:15
}
function precio(){
preciototal = 0;
for(var j in precios){
var obj = document.menu['opcion'+j]
preciototal+= obj.checked ? precios[j]: 0;
}
document.getElementById("preciototalbox").value = preciototal;
}
function preciofinal(){
if(document.menu.nmovil.value.length<9){
alert("Introduce tu número de teléfono móvil completo, por favor")
document.menu.nmovil.focus();
}
if(document.menu.nfijo.value.length<9){
alert("Introduce tu número de teléfono fijo completo, por favor")
document.menu.nfijo.focus() ;
}
if(document.menu.getElementById("tarjeta").checked==false &&
document.menu.getElementById("efectivo").checked==false){
alert("Selecciona un método de pago, por favor");
alert("El precio total es de "+preciototal+" euros")
}
}
(function(){
for(var j in precios){
var obj = document.menu['opcion'+j];
obj.onclick=precio
}
})()
</script>}
y luego el formulario:
Código PHP:
<form name="menu" onsubmit="preciofinal()" method=post action="">
<center><img src="http://i39.tinypic.com/qysc5y.jpg" id="Image2" alt="" align="top" border="0" width="200" height="130"
style="position:absolute;left:300px;top:22px;width:200px;height:130px;z-index:1"></center>
<div id="wb_Text1" style="position:absolute;left:35px;top:189px;width:601px;height:290px;z-index:2" align="left">
Primero elige el o los platos:</font></div>
<input type="checkbox" id="Checkbox1" name="opcion1" value="" style="position:absolute;left:44px;top:505px;z-index:3" />
<input type="checkbox" id="Checkbox2" name="opcion2" value="" style="position:absolute;left:44px;top:537px;z-index:4" />
<input type="checkbox" id="Checkbox3" name="opcion3" value="" style="position:absolute;left:44px;top:569px;z-index:5" />
<input type="checkbox" id="Checkbox4" name="opcion4" value="" style="position:absolute;left:44px;top:601px;z-index:6" />
<input type="checkbox" id="Checkbox5" name="opcion5" value="" style="position:absolute;left:44px;top:633px;z-index:7" />
despues hay mas texto y finalmente
Código PHP:
<input type="checkbox" id="Checkbox7" name="Checkbox7" value="" style="position:absolute;left:44px;top:1029px;z-index:25">
<input type="text" id="Editbox2" style="position:absolute;left:135px;top:995px;width:100px;font-family:Courier
New;font-size:16px;z-index:26" size="10" name="nmovil" value="">
<div id="wb_Text5" style="position:absolute;left:66px;top:990px;width:143px;height:35px;z-index:27" align="left">
<font style="font-size:29px" color="#000000" face="Freestyle Script">Móvil</font></div>
<div id="wb_Text6" style="position:absolute;left:66px;top:1022px;width:74px;height:35px;z-index:28" align="left">
<font style="font-size:29px" color="#000000" face="Freestyle Script">Fijo</font></div>
<div id="wb_Text7" style="position:absolute;left:35px;top:1076px;width:645px;height:116px;z-index:29" align="left">
<font style="font-size:48px" color="#000000" face="Freestyle Script">Por último, elige tu método de pago, con tarjeta de
crédito o en efectivo:</font></div>
<input type="radio" id="tarjeta" name="pago" value="" style="position:absolute;left:44px;top:1207px;z-index:30">
<input type="radio" id="efectivo" name="pago" value="" style="position:absolute;left:42px;top:1239px;z-index:31">
<div id="wb_Text8" style="position:absolute;left:64px;top:1200px;width:101px;height:35px;z-index:32" align="left">
<font style="font-size:29px" color="#000000" face="Freestyle Script">Con tarjeta</font></div>
<div id="wb_Text9" style="position:absolute;left:64px;top:1232px;width:101px;height:35px;z-index:33" align="left">
<font style="font-size:29px" color="#000000" face="Freestyle Script">En efectivo</font></div>
<input type="button" id="Button1" name="Button1" value="Enviar pedido"
style="position:absolute;left:343px;top:1452px;width:114px;height:25px;z-index:34">
<div id="wb_Text10" style="position:absolute;left:35px;top:1276px;width:764px;height:116px;z-index:35" align="center">
<font style="font-size:48px" color="#000000" face="Freestyle Script">Ahora haz click en el botón, y en <br>
unos minutos tendrás en tu casa el pedido</font></div>
<input type="text" id="Editbox3" style="position:absolute;left:117px;top:1027px;width:100px;font-family:Courier New;font-size:16px;z-index:36" size="8" name="nfijo" value="">
<input type="text" id="preciototalbox" style="position:absolute;left:163px;top:693px;width:120px;font-family:Courier
New;font-size:16px;z-index:13" size="12" name="Precio total" value="0" ReadOnly>
</form>
muchas gracias :)