Ok miren para hacer un carro de compras ay varias alternativas…pero yo les daré una alternativa sencilla….utilizando las herramientas de flash y php…si no sabes php no importa solo …copy …page y ya..el formulario es el siguiente aquí le pones el nombre de articulos.html
Codigo Html....su nombre sera articulos.htm
<html>
<head>
<title>TITULO DEL CARRO</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
function sendToFlash (id, name, price) {
var p = new Object();
p.PkProduct = id
p.Name = name
p.Price = price
p.Qty = 1
thisMovie("sample").addTC(p);
}
function addedToCart(txt) {
document.form1.output.value = " "+txt;
}
function thisMovie(movieName) {
if (navigator.appName.indexOf("Microsoft") != -1) {
return top.frames['bottomFrame'].window[movieName]
} else {
return top.frames['bottomFrame'].document[movieName]
}
}
function change(sel){
var where = (sel==1)?"articulo.htm" : "lista2.htm";
document.location.href = where
}
</script>
<style type="text/css">
<!--
.caja {
background-color: #7C212A;
border: none #996600;
}
body {
background-color: #7C212A;
}
.style1 {color: #FFFFFF}
.style4 {
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
font-style: italic;
font-family: Arial, Helvetica, sans-serif;
}
-->
</style>
</head>
<body link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">
<table width="592" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#7C212A">
<!--DWLayoutTable-->
<tr><td height="19" colspan="2" align="center"> <form name="form2" method="post" action="">
</form></td>
<td width="11"> </td>
<td width="4"> </td>
<tr align="left">
<td height="19" colspan="2"><a href=""></a></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="215" colspan="3" align="center" valign="top"> <form name="form1" method="post" action="">
<font color="#FFFFFF"><br>
<b><font size="+2">
<input name="output" type="text" class="caja" id="output" size="115" readonly="true">
</font></b> </font>
</form></td>
<td> </td>
</tr>
<tr>
<td height="59" colspan="2" valign="top"><div align="center">
<p class="style4">ARTICULOS</p>
<p class="style1"> </p>
</div></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td width="334" height="119" valign="top"><p><span class="style1"><b>Nombre:</b>Mini Crossaint relleno de Espinaca, Tocino y Mozarella<br>
<b>Precio:</b> 0.35</span></p> <p>
<input type="button" name="add" value="colocar en carrito" onClick="sendToFlash('1', 'Mini Crossaint relleno de Espinaca, Tocino y Mozarella', '0.35')">
</p></td>
<td width="352" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing=
el codigo php seria
<?php
$to = "
[email protected]";
$date = date('l dS \of F Y h:i:s A');
$msg = "Orden de su sitio\nName: ".$_POST['name']."\nTeléfono: ".$_POST['tel']."\nEmail: ".$_POST['email']."\nDetalles: ".$_POST['details']."\nFecha: $date";
mail($to, "Order", $msg);
echo "code=ok";
?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>cart</title>
<script language="JavaScript">
//Just forward to main frame function
function addedToCart(txt) {
top.frames['mainFrame'].addedToCart(txt)
}
</script>
<style type="text/css">
<!--
body {
background-color: #7C212A;
}
-->
</style></head>
<body leftmargin="0" topmargin="0" marginwidth="0">
<div align="left">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center"><hr></td>
</tr>
<tr>
<td align="center">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="360" height="170" id="sample">
<param name="movie" value="cart.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#CCCCCC" />
<param nam="allowScriptAccess" value="always">
<embed src="cart.swf" allowScriptAccess="always" quality="high" bgcolor="#CCCCCC" width="360" height="170" name="sample" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</td>
</tr>
</table>
</div>
</body>
</html>
Este seria tu index que carga los articulos.htm y el carrito.html
Lo nombraras index.htmlY te mando el archivo flash para que lo utilices al cargar tu web…acuérdate de algo importante esto solo sirve arriba del servidor y en servidores que soportan php[/flash]
Escrito el 03 Oct 2005 10:50 pm
