hola necesito hacer un carrito de compras muy basico alguien sabe como
gracias...........
30/01/2004, 01:48
| ||||
| ||||
| Mira, aquí te pego el código completo del carrito "hiper-básico" que utilicé en mi site. Espero que te sirva.
Código:
<HTML>
<HEAD>
<TITLE>FORMULARIO DE PEDIDO</TITLE>
<script languaje="JavaScript" src="script.js"></script>
<style>
p, td { margin: 0; font-family: verdana; font-size: x-small; }
a { color: blue; }
a:hover { color: navy; }
input { text-align: center; }
</style>
</HEAD>
<BODY bgcolor="#C0C0C0">
<DIV align="center">
<CENTER>
<FORM method=POST action=scripts/compra.php name=shop>
<TABLE border="1" cellpadding="2" cellspacing="1" width="90%" id="AutoNumber1">
<TR>
<TD width="100%" colspan="3" bgcolor="#FFFFCC">
<P align="center"><B><FONT size="3">Formulario de Pedido</FONT></B></TD>
</TR>
<TR>
<TD width="84%" colspan="2" bgcolor="#FFCC00"><B>Detalle de productos</B>
<FONT size="1" color="#800000">Marque los productos que desea comprar:</FONT></TD>
<TD width="16%" bgcolor="#FFCC00">
<P align="center"><B>Precio</B></TD>
</TR>
<TR>
<TD width="4%" bgcolor="#FFCC00">
<FONT size="1">
<INPUT type="checkbox" name="c1" value="Carterooo!" onClick="comprar(this.form)"></FONT></TD>
<TD width="80%" bgcolor="#FFFFF0"><B>
<A href="#" onClick="goToOpenerD('cartero/index.htm'); return false;">
<FONT size="1">Carteroo!</FONT></A><FONT size="1"> </FONT> </B>
<FONT size="1">Postales Virtuales</FONT></TD>
<TD width="16%" bgcolor="#FFCC00">
<P align="center"><FONT size="1">
<INPUT type="text" name="cf1" size="7" value="0"></FONT></TD>
</TR>
<TR>
<TD width="4%" bgcolor="#FFCC00">
<FONT size="1">
<INPUT type="checkbox" name="c2" value="LibVis" onClick="comprar(this.form)"></FONT></TD>
<TD width="80%" bgcolor="#FFFFF0"><B>
<A href="#" onClick="goToOpenerD('libvis/index.htm'); return false;">
<FONT size="1">LibVis</FONT></A><FONT size="1"> </FONT> </B>
<FONT size="1">Libro de Visitas</FONT></TD>
<TD width="16%" align="center" bgcolor="#FFCC00">
<FONT size="1">
<INPUT type="text" name="cf2" size="7" value="0"></FONT></TD>
</TR>
<TR>
<TD width="4%" bgcolor="#FFCC00">
<FONT size="1">
<INPUT type="checkbox" name="c3" value="ZK-CyberStat" onClick="comprar(this.form)"></FONT></TD>
<TD width="80%" bgcolor="#FFFFF0"><B>
<A href="#" onClick="goToOpenerD('zk-cyberStat/index.htm'); return false;">
<FONT size="1">ZK-CyberStat</FONT></A><FONT size="1"> </FONT> </B>
<FONT size="1">Estadísticas</FONT></TD>
<TD width="16%" align="center" bgcolor="#FFCC00">
<FONT size="1">
<INPUT type="text" name="cf3" size="7" value="0"></FONT></TD>
</TR>
<TR>
<TD width="4%" bgcolor="#FFCC00">
<FONT size="1">
<INPUT type="checkbox" name="c4" value="ZK-News" onClick="comprar(this.form)"></FONT></TD>
<TD width="80%" bgcolor="#FFFFF0"><B>
<A href="#" onClick="goToOpenerD('zk-news/index.htm'); return false;">
<FONT size="1">ZK-News</FONT></A><FONT size="1"> </FONT> </B>
<FONT size="1">Lista de Correo</FONT></TD>
<TD width="16%" align="center" bgcolor="#FFCC00">
<FONT size="1">
<INPUT type="text" name="cf4" size="7" value="0"></FONT></TD>
</TR>
<TR>
<TD width="4%" bgcolor="#FFCC00">
<FONT size="1">
<INPUT type="checkbox" name="c5" value="7ZK-Shop" onClick="comprar(this.form)"></FONT></TD>
<TD width="80%" bgcolor="#FFFFF0"><B>
<A href="#" onClick="goToOpenerD('zk-shop/index.htm'); return false;">
<FONT size="1">ZK-Shop</FONT></A><FONT size="1"> </FONT> </B>
<FONT size="1">Shopping de compras</FONT></TD>
<TD width="16%" align="center" bgcolor="#FFCC00">
<FONT size="1">
<INPUT type="text" name="cf5" size="7" value="0"></FONT></TD>
</TR>
<TR>
<TD width="4%" bgcolor="#FFCC00">
<FONT size="1">
<INPUT type="checkbox" name="c6" value="Pack #1: Formularios" onClick="comprar(this.form)"></FONT></TD>
<TD width="80%" bgcolor="#FFFFF0"><B>
<A href="#" onClick="goToOpenerD('pack1/index.htm'); return false;">
<FONT size="1">Pack #1: Formularios</FONT></A><FONT size="1"> </FONT> </B>
<FONT size="1">Generador de formularios de consulta y
recomendación</FONT></TD>
<TD width="16%" align="center" bgcolor="#FFCC00">
<FONT size="1">
<INPUT type="text" name="cf6" size="7" value="0"></FONT></TD>
</TR>
<TR>
<TD width="84%" colspan="2" bgcolor="#FFFFCC">
<P align="right"><B><FONT size="1">Subtotal</FONT></B><FONT size="1">.........
</FONT><B><FONT size="1">$</FONT></B></TD>
<TD width="16%" align="center" bgcolor="#FFCC00">
<FONT size="1">
<INPUT type="text" name="cf" size="7" style="color: #800000; background-color: #FFFFCC" value="0"></FONT></TD>
</TR>
<TR>
<TD width="84%" colspan="2" bgcolor="#FFFFCC">
<P align="right"><B><FONT size="1">IVA </FONT> </B><FONT size="1">(21%)......... </FONT>
<B><FONT size="1">$</FONT></B></TD>
<TD width="16%" align="center" bgcolor="#FFCC00">
<FONT size="1">
<INPUT type="text" name="iva" size="7" style="color: #800000; background-color: #FFFFCC" value="0"></FONT></TD>
</TR>
<TR>
<TD width="84%" colspan="2" bgcolor="#FFFFCC">
<P align="right"><FONT color="#800000" size="1"><B>TOTAL A PAGAR</B>.........
<B>$</B></FONT></TD>
<TD width="16%" align="center" bgcolor="#FFCC00">
<FONT size="1">
<INPUT type="text" name="tot" size="6" style="color: #800000; font-weight: bold; background-color: #FFFFCC" value="0"></FONT></TD>
</TR>
<TR>
<TD width="100%" colspan="3" bgcolor="#FFCC00">
<B>El pedido se realizará a la orden de... </B>
<FONT size="1" color="#800000">Por favor, complete con sus datos: </FONT></TD>
</TR>
<TR>
<TD width="100%" colspan="3" bgcolor="#FFFFF0">
<TABLE border="0" cellpadding="2" cellspacing="0" width="100%" id="AutoNumber2">
<TR>
<TD width="35%" align="right"> </TD>
<TD width="65%"> </TD>
</TR>
<TR>
<TD width="35%" align="right"><FONT size="1"><B>Empresa:</B></FONT></TD>
<TD width="65%"><INPUT type="text" name="T1" size="24"></TD>
</TR>
<TR>
<TD width="35%" align="right"> </TD>
<TD width="65%">
<P align="justify"><FONT size="1" color="#800000">Si está de acuerdo
con todos los datos aportados y el <B>TOTAL A PAGAR</B> es el
correcto, por favor, envíe este formulario pulsando el botón <U>
Enviar Pedido</U>.</FONT></TD>
</TR>
<TR>
<TD width="35%" align="right"> </TD>
<TD width="65%">
<INPUT type="submit" value="Enviar pedido »" name="B1"><P> </TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</FORM>
</CENTER>
</DIV>
<P align="right"> </P>
<P align="justify"> </P>
</BODY>
</HTML>
|
|
30/01/2004, 01:50
| ||||
| ||||
| Y el script: script.js
Código:
//---------------------------**
//CÁLCULOS DEL FORM DE PEDIDO**
//---------------------------**
function redondear(cant, dec) {
var cant = parseFloat(cant);
var dec = parseFloat(dec);
dec = (!dec ? 2 : dec);
return Math.round(cant * Math.pow(10, dec)) / Math.pow(10, dec);
}
function comprar(form) {
a=0; b=0; c=0; d=0; e=0; f=0;
a1=0; b1=0; c1=0; d1=0; e1=0; f1=0;
if(form.c1.checked == true) { a = parseFloat(27.64); a1 = parseFloat(7.35); form.cf1.value = a; }
else { a = 0; a1 = 0; form.cf1.value = a; }
if(form.c2.checked == true) { b = parseFloat(11.81); b1 = parseFloat(3.14); form.cf2.value = b; }
else { b = 0; b1 = 0; form.cf2.value = b; }
if(form.c3.checked == true) { c = parseFloat(20.53); c1 = parseFloat(5.46); form.cf3.value = c; }
else { c = 0; c1 = 0; form.cf3.value = c; }
if(form.c4.checked == true) { d = parseFloat(30.80); d1 = parseFloat(8.19); form.cf4.value = d; }
else { d = 0; d1 = 0; form.cf4.value = d; }
if(form.c5.checked == true) { e = parseFloat(78.21); e1 = parseFloat(20.79); form.cf5.value = e; }
else { e = 0; e1 = 0; form.cf5.value = e; }
if(form.c6.checked == true) { f = parseFloat(5.52); f1 = parseFloat(1.47); form.cf6.value = f; }
else { f = 0; f1 = 0; form.cf6.value = f; }
g = a+b+c+d+e+f;
h = a1+b1+c1+d1+e1+f1;
i = g+h;
form.cf.value = redondear(g, 2);
form.iva.value = redondear(h, 2);
form.tot.value = redondear(i, 2);
}
|
