con java script es mucho mas facil te doy un ejemplo <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Carrito de la compra DEMO</title>
<style type="text/css">
body {
background:rgb(102,153,204);
font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#inputs {
border:1px inset rgb(153,204,255);
width: 40px;
background:rgb(148,204,252);
text-align : center;
}
#boton {
background: rgb(102,153,204) border:1px outset rgb(153,204,255);
width:80px;
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
background-color : #FFFACD;
color : #4B0082;
}
</style>
<script type="text/javascript">
function meterencarro(formu) {
unidades=formu.numpedido.value;
descripcion=formu.producto.value;
if (confirm("El siguiente producto se va a añadir al carro de la compra.\n\n " + descripcion + " \n\n¿Está Vd. de acuerdo?")) {
numeroregistro = 0;
numeroregistro = getcookie("numerodeorden");
numeroregistro++;
if ( numeroregistro > 5 )
alert("ATENCIÓN\nSu carrito esta lleno.\nPor favor, acceda a la hoja de pedido.\nGracias.");
else {
actualizarbase = formu.numpedido.value + "|" + formu.precio.value + "|" + formu.referencia.value + "|" + formu.producto.value;
nuevopedido = "Order." + numeroregistro;
setcookie (nuevopedido, actualizarbase, null, "/");
setcookie ("numerodeorden", numeroregistro, null, "/");
aviso = "PRODUCTO SELECCIONADO\n\n" + "Cantidad: " + unidades + " unidad/es.\n"
+ "Producto: \n" + descripcion + ".\n\nPulse sobre Ver Carro para acceder\na su lista de compra.\nGracias";
alert(aviso);
}
}
}
function getcookieval (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function getcookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen)
{
var j = i + alen;
if (document.cookie.substring(i, j) == arg) return getcookieval (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
function setcookie (name,value,expires,path,domain,secure) {
document.cookie = name + "=" + escape (value) +
((expires) ? "; expires=" + expires.toGMTString() : "") +
((path) ? "; path=" + path : "") +
((domain) ? "; domain=" + domain : "") +
((secure) ? "; secure" : "");
}
</script>
</head>
<body>
<p><strong>TIENDA DE MASCOTAS</strong><br />
</p>
<table width="700" border="1" cellspacing="1" cellpadding="5" style="font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;">
<tbody>
<tr style="font: bold">
<td width="20" >Foto </td>
<td width="100" >Mascota</td>
<td width="80" >Euros </td>
<td width="150" >Control</td></tr>
<tr>
<td><img src="imagenes/agapornis.jpg" width="93" height="113" border="1" alt="Pareja de Agaponis Fischeri." /></td>
<td valign="top" style="font: 9pt; text-align: justify;"><b>Pareja de Agaponis Fischeri.</b> Criados en casa, jaula de grandes dimensiones y estado de salud excelente. </td>
<td valign="top">150,00 € </td>
<td valign="top">
<table>
<tr>
<td colspan="3" align="center" style="font: 7pt; color: #191970;">Indique cantidad</td></tr>
<tr><td>
<form action="" name="order" id="order">
<input onclick="meterencarro(this.form)" type="button" id="boton" value="Adquirir" /><br />
<input maxlength="2" id="inputs" size="2" value="1" name="numpedido" /><br />
<a href="pedido.html"><img src="imagenes/varcarro.jpg" width="79" height="23" border="0" alt="" /></a><br />
<input type="hidden" value="150.00" name="precio" />
<input type="hidden" value="Pareja de Agaponis Fischeri." name="producto" />
<input type="hidden" value="ID101" name="referencia" />
</form>
</td></tr></table>
</td></tr>
<tr>
<td><img src="imagenes/canario.jpg" width="88" height="104" border="1" alt="Canario" /></td>
<td valign="top" style="font: 9pt; text-align: justify;"><b>Canarios.</b> Sin gama de color concreta. Todos de un año y perfecto estado de salud.</td>
<td valign="top">35,00 € </td>
<td valign="top">
<table>
<tr>
<td colspan="3" align="center" style="font: 7pt; color: #191970;">Indique cantidad</td></tr>
<tr><td>
<form action="" name="order" id="order">
<input onclick="meterencarro(this.form)" type="button" id="boton" value="Adquirir" /><br />
<input maxlength="2" id="inputs" size="2" value="1" name="numpedido" /><br />
<a href="pedido.html"><img src="imagenes/varcarro.jpg" width="79" height="23" border="0" alt="" /></a><br />
<input type="hidden" value="35.00" name="precio" />
<input type="hidden" value="Canario" name="producto" />
<input type="hidden" value="ID201" name="referencia" />
</form>
</td></tr></table>
</td>
</tr>
<tr>
<td><img src="imagenes/cachorro2.jpg" width="84" height="110" border="1" alt="Pastor Alemán." /></td>
<td valign="top" style="font: 9pt; text-align: justify;"><strong>Pastor Alemán. </strong> Hermoso cachorro macho de 4 meses de edad con pedigree y papeles.</td>
<td valign="top">560,50 € </td>
<td valign="top">
<table>
<tr>
<td colspan="3" align="center" style="font: 7pt; color: #191970;">Indique cantidad</td></tr>
<tr><td>
<form action="" name="order" id="order">
<input onclick="meterencarro(this.form)" type="button" id="boton" value="Adquirir" /><br />
<input maxlength="2" id="inputs" size="2" value="1" name="numpedido" /><br />
<a href="pedido.html"><img src="imagenes/varcarro.jpg" width="79" height="23" border="0" alt="" /></a><br />
<input type="hidden" value="560.50" name="precio" />
<input type="hidden" value="Cachorro Pastor Alemán" name="producto" />
<input type="hidden" value="ID33" name="referencia" />
</form>
</td></tr></table>
</td>
</tr>
<tr>
<td><img src="imagenes/cachorro3.jpg" width="71" height="107" border="1" alt="Gato Persa" /></td>
<td valign="top" style="font: 9pt; text-align: justify;"><b>Gato Persa</b><b>.</b> Precioso gatito persa de color blanco con ojos azules. Magníficas cualidades ideal como gato de compañia.</td>
<td valign="top">250,00 € </td>
<td valign="top">
<table>
<tr>
<td colspan="3" align="center" style="font: 7pt; color: #191970;">Indique cantidad</td></tr>
<tr><td>
<form action="" name="order" id="order">
<input onclick="meterencarro(this.form)" type="button" id="boton" value="Adquirir" /><br />
<input maxlength="2" id="inputs" size="2" value="1" name="numpedido" /><br />
<a href="pedido.html"><img src="imagenes/varcarro.jpg" width="79" height="23" border="0" alt="" /></a><br />
<input type="hidden" value="250.00" name="precio" />
<input type="hidden" value="Gato Persa" name="producto" />
<input type="hidden" value="ID402" name="referencia" />
</form>
</td></tr></table>
</td>
</tr>
</html>
espero que te sirva
Escrito el 21 Ene 2009 06:11 pm
