<html>
<head>
<title>Mi pagina web</title>
<script>
function calculo(cantidad,precio,inputtext,totaltext){
/* Parametros:
cantidad - entero con la cantidad
precio - entero con el precio
inputtotal - nombre del elemento del formulario donde ira el total
*/
// Calculo del subtotal
subtotal = precio*cantidad;
inputtext.value=subtotal;
//Actualizar el total
// Utilizamos el eval. Ya que el valor es un texto y si lo tratamos como tal
// es como si estuviesemos manipulando una cadena.
total = eval(totaltext.value);
totaltext.value = total + subtotal;
}
</script>
<style type="text/css">
.negrita {
font-weight: bold;
}
</style>
<style type="text/css">
</style>
<body>
<h1>ELIGE TUS PRODUCTOS</h1>
<form action="mailto:mi correo.com" method="post" enctype="text/plain">
<table width="500">
<tr>
<td width="197" bgcolor="#D4FFAA"><div align="center"><strong>Productos</strong></div></td>
<td width="72" align="left" bgcolor="#D4FFAA" class="negrita">Cantidad</td>
<td width="66" bgcolor="#D4FFAA" class="negrita">Precio/Ud</td>
<td width="109" bgcolor="#D4FFAA" class="negrita">Total</td>
</tr>
<tr>
<td bgcolor="#D4FFAA"><strong>Camiseta</strong></td>
<td align="left" bgcolor="#D4FFAA"><input type="text" size="3" id="camiseta" value="0" onChange="calculo(this.value,preciocamiseta.value,cantidadcamiseta,total);">
uds</td>
<td bgcolor="#D4FFAA"><input type="hidden" id="preciocamiseta" value="42"/>
42 €</td>
<td bgcolor="#D4FFAA"><input type="text" size="8" id="cantidadcamiseta" value="0">
€</td>
</tr>
<tr>
<td bgcolor="#D4FFAA"><strong>Sudadera</strong></td>
<td align="left" bgcolor="#D4FFAA"><input type="text" size="3" id="sudadera" value="0" onChange= "calculo(this.value,preciosudadera.value,cantidadsudadera,total);">
uds</td>
<td bgcolor="#D4FFAA"><input type="hidden" id="preciosudadera" value="35"/>
35 €</td>
<td bgcolor="#D4FFAA"><input type="text" size="8" id="cantidadsudadera" value="0">
€</td>
</tr>
<tr>
<td bgcolor="#D4FFAA"><strong>Pantalon</strong></td>
<td align="left" bgcolor="#D4FFAA"><input type="text" size="3" id="pantalon" value="0" onChange="calculo(this.value,preciopantalon.value,cantidadpantalon,total);">
uds</td>
<td bgcolor="#D4FFAA"><input type="hidden" id="preciopantalon" value="23"/>
23 €</td>
<td bgcolor="#D4FFAA"><input type="text" size="8" id="cantidadpantalon" value="0">
€</td>
</tr>
<?php
$camiseta="camiseta";
$preciocamiseta=42;
$cantidadcamisetas=0;
if ( $cantidadcamisetas >0 );
{echo “.$camiseta.” ”.$cantidadcamisetas.”*”.$precioadcamiseta.”=”.$totalpreciocamiseta.”;
}
$sudadera="sudadera";
$preciosudadera=35;
$cantidadsudaderas=0;
if($cantidadsudaderas >0);
{echo “.$sudadera.” ”.$cantidadsudaderas.”*”.$precioadsudadera.”=”.$totalpreciosudadera.”;
}
$pantalon="pantalon";
$preciopantalon=23;
$cantidadpantalones=0;
if($cantidadpantalones >0);
{echo “.$pantalon.” ”.$cantidadpantalones.”*”.$precioadpantalon.”=”.$totalpreciopantalones.”;
}
?>}
<td height="81" bgcolor="#D4FFAA"><strong>Total:</strong></td>
<td align="left" bgcolor="#D4FFAA"></td>
<td bgcolor="#D4FFAA"></td>
<td bgcolor="#D4FFAA"><p><br/>
<input type="text" id="total"size="10"
value="0">
€</p>
<p> </p></td>
</tr>
</table>
<input name="Enviar" type="submit" id="Enviar" value="Enviar información">
<input name="Borrar" type="reset" id="Borrar" value="Borrar información">
</form>
</body>
</html>
<head>
<title>Mi pagina web</title>
<script>
function calculo(cantidad,precio,inputtext,totaltext){
/* Parametros:
cantidad - entero con la cantidad
precio - entero con el precio
inputtotal - nombre del elemento del formulario donde ira el total
*/
// Calculo del subtotal
subtotal = precio*cantidad;
inputtext.value=subtotal;
//Actualizar el total
// Utilizamos el eval. Ya que el valor es un texto y si lo tratamos como tal
// es como si estuviesemos manipulando una cadena.
total = eval(totaltext.value);
totaltext.value = total + subtotal;
}
</script>
<style type="text/css">
.negrita {
font-weight: bold;
}
</style>
<style type="text/css">
</style>
<body>
<h1>ELIGE TUS PRODUCTOS</h1>
<form action="mailto:mi correo.com" method="post" enctype="text/plain">
<table width="500">
<tr>
<td width="197" bgcolor="#D4FFAA"><div align="center"><strong>Productos</strong></div></td>
<td width="72" align="left" bgcolor="#D4FFAA" class="negrita">Cantidad</td>
<td width="66" bgcolor="#D4FFAA" class="negrita">Precio/Ud</td>
<td width="109" bgcolor="#D4FFAA" class="negrita">Total</td>
</tr>
<tr>
<td bgcolor="#D4FFAA"><strong>Camiseta</strong></td>
<td align="left" bgcolor="#D4FFAA"><input type="text" size="3" id="camiseta" value="0" onChange="calculo(this.value,preciocamiseta.value,cantidadcamiseta,total);">
uds</td>
<td bgcolor="#D4FFAA"><input type="hidden" id="preciocamiseta" value="42"/>
42 €</td>
<td bgcolor="#D4FFAA"><input type="text" size="8" id="cantidadcamiseta" value="0">
€</td>
</tr>
<tr>
<td bgcolor="#D4FFAA"><strong>Sudadera</strong></td>
<td align="left" bgcolor="#D4FFAA"><input type="text" size="3" id="sudadera" value="0" onChange= "calculo(this.value,preciosudadera.value,cantidadsudadera,total);">
uds</td>
<td bgcolor="#D4FFAA"><input type="hidden" id="preciosudadera" value="35"/>
35 €</td>
<td bgcolor="#D4FFAA"><input type="text" size="8" id="cantidadsudadera" value="0">
€</td>
</tr>
<tr>
<td bgcolor="#D4FFAA"><strong>Pantalon</strong></td>
<td align="left" bgcolor="#D4FFAA"><input type="text" size="3" id="pantalon" value="0" onChange="calculo(this.value,preciopantalon.value,cantidadpantalon,total);">
uds</td>
<td bgcolor="#D4FFAA"><input type="hidden" id="preciopantalon" value="23"/>
23 €</td>
<td bgcolor="#D4FFAA"><input type="text" size="8" id="cantidadpantalon" value="0">
€</td>
</tr>
<?php
$camiseta="camiseta";
$preciocamiseta=42;
$cantidadcamisetas=0;
if ( $cantidadcamisetas >0 );
{echo “.$camiseta.” ”.$cantidadcamisetas.”*”.$precioadcamiseta.”=”.$totalpreciocamiseta.”;
}
$sudadera="sudadera";
$preciosudadera=35;
$cantidadsudaderas=0;
if($cantidadsudaderas >0);
{echo “.$sudadera.” ”.$cantidadsudaderas.”*”.$precioadsudadera.”=”.$totalpreciosudadera.”;
}
$pantalon="pantalon";
$preciopantalon=23;
$cantidadpantalones=0;
if($cantidadpantalones >0);
{echo “.$pantalon.” ”.$cantidadpantalones.”*”.$precioadpantalon.”=”.$totalpreciopantalones.”;
}
?>}
<td height="81" bgcolor="#D4FFAA"><strong>Total:</strong></td>
<td align="left" bgcolor="#D4FFAA"></td>
<td bgcolor="#D4FFAA"></td>
<td bgcolor="#D4FFAA"><p><br/>
<input type="text" id="total"size="10"
value="0">
€</p>
<p> </p></td>
</tr>
</table>
<input name="Enviar" type="submit" id="Enviar" value="Enviar información">
<input name="Borrar" type="reset" id="Borrar" value="Borrar información">
</form>
</body>
</html>