Duda con el carrito de compras

Usuario Novato

#111/Oct/2008, 01:08

Buenas tardes soy nuevo en este foro y buscando en google encontre un tema que estoy utilizando en una pagina web ke estoy creando aki el codigo:

Código JavaScript del carrito de compras:

<script LANGUAGE="JavaScript">

var called=false;
var T_Price=0;
var Line1_flag;
var Line1_print="";
var Line2_flag;
var Line2_print;
var Line3_flag;
var Line3_print;
var Line4_flag;
var Line4_print;
var Line5_flag;
var Line5_print;
var Line6_flag;
var Line6_print;
function compute(form){
called=true;
//-------Productos 1----------
if (form.Productline1[0].selected){
    Line1_print= "Ninguno [$0]";
    Line1_flag=0;
}

if (form.Productline1[1].selected){
    Line1_flag =84.95;
    Line1_print="Producto 1 [$84.95]";
}
else if (form.Productline1[2].selected){
    Line1_flag =84.95;
Line1_print="Producto 2 [$84.95]";
}

else if (form.Productline1[3].selected){
    Line1_flag =54.95;
    Line1_print="Producto 3 [$54.95]";
}

else if (form.Productline1[4].selected){
    Line1_flag =54.95;
    Line1_print="Producto 4 [$54.95]";
}
else if (form.Productline1[5].selected){
    Line1_flag =19.95;
    Line1_print="Producto 5 [$19.95]";
}
//-------Productos 2----------
if (form.Productline2[0].selected){
    Line2_flag=0;
    Line2_print="Ninguno [$0]";
}
if (form.Productline2[1].selected){
    Line2_flag=150;
Line2_print="Producto 1 [$150]";
}
if (form.Productline2[2].selected){
    Line2_flag=250;
Line2_print="Producto 2 [$250]";
}
if (form.Productline2[3].selected){
    Line2_flag=350;
Line2_print="Producto 3 [$350]";
}
//-------Productos 3-----------
if (form.Productline3[0].selected){
    Line3_flag=0;
    Line3_print="Ninguno [$0]";
}
if (form.Productline3[1].selected){
    Line3_flag=10;
Line3_print="Producto 1 [$10]";
}
if (form.Productline3[2].selected){
    Line3_flag=20;
Line3_print="Producto 2 [$20]";
}
if (form.Productline3[3].selected){
    Line3_flag=30;
Line3_print="Producto 3 [$30]";
}
//-------Productos 4-------
if (form.Productline4[0].selected){
    Line4_flag=0;
Line4_print="Ninguno [$0]";
}
if (form.Productline4[1].selected){
    Line4_flag=100;
Line4_print="Producto 1 [$100]";
}
if (form.Productline4[2].selected){
    Line4_flag=200;
Line4_print="Producto 2 [$200]";
}
if (form.Productline4[3].selected){
    Line4_flag=300;
Line4_print="Producto 3 [$300]";
}
//-------Productos 5-------
if (form.Productline5[0].selected){
    Line5_flag=0;
    Line5_print="Ninguno [$0]";
    }
if (form.Productline5[1].selected){
    Line5_flag=50;
    Line5_print="Producto 1 [$50]";
    }
if (form.Productline5[2].selected){
    Line5_flag=60;
    Line5_print="Producto 2 [$60]";
    }
if (form.Productline5[3].selected){
    Line5_flag=70;
    Line5_print="Producto 3 [$70]";
    }
//-------Productos 6-------
if (form.Productline6[0].selected){
    Line6_flag=0;
    Line6_print="Ninguno [$0]";
    }
if (form.Productline6[1].selected){
    Line6_flag=75;
Line6_print="Producto 1 [$75]";
    }
if (form.Productline6[2].selected){
    Line6_flag=85;
    Line6_print="Producto 2 [$85]";
    }
if (form.Productline6[3].selected){
    Line6_flag=95;
    Line6_print="Producto 3 [$95]";
    }
T_Price=Line1_flag+Line2_flag+Line3_flag+Line4_flag+Line5_flag+Line6_flag;
form.T_Price.value=" $ "+ T_Price;
}
function print(form){
if(!called){
    compute(form);
}
text = ("<HEAD><TITLE>'Costo Estimado'</TITLE></HEAD>");
text = (text +"<BODY BGCOLOR = '#FFFFFF' ><CENTER><B><FONT SIZE = 3><FONT COLOR=BLUE>Costo Estimado</FONT></FONT></B>");
text= (text +"<br></CENTER>");
text=(text+"<hr>");
text=(text+"<TABLE BORDER =0><TR VALIGN=Top><TD VALIGN=Top>");
text=(text+"<B>Producto 1:<BR>Producto 2: <BR>Producto 3: <BR>Producto 4: <BR>Producto 5: <BR>Producto 6:");
text=(text+"</B></TD><TD>")
text=(text+"<B>"+ Line1_print+"<BR>"+ Line2_print+"<BR>"+ Line3_print+"<BR>");
text=(text+ Line4_print+"<BR>"+ Line5_print+"<BR>"+ Line6_print+"<BR>");
text=(text+"<TD></TR></TABLE><hr>");
text=(text+"<B><FONT COLOR=RED>Costo Total:</FONT>"+"       $"+T_Price);
text=(text+"</body></html>");
                msgWindow=window.open("","displayWindow","toolbar=no,width=320,height=240,directories=no,status=no,scrollbars=no,resize=no,menubar=no")
                msgWindow.document.write(text)
                msgWindow.document.close()
}
</script>



<form method="post">
<table cellpadding="4" bgcolor="#EAE8E8">
    <tr>
      <td><font face="Arial" size="2">Productos 1<br>
      <select name="Productline1" size="1">
        <option selected value="Seleccione">Libros</option>
        <option value="Producto 1 [$84.95] ">Producto 1 [$84.95]</option>
        <option value="Producto 2 [$84.95] ">Producto 2 [$84.95]</option>
        <option value="Producto 3 [$54.95] ">Producto 3 [$54.95]</option>
        <option value="Producto 4 [$54.95] ">Producto 4 [$54.95]</option>
        <option value="Producto 5 [$19.95] ">Producto 5 [$19.95]</option>
      </select></font></td>
      <td><font face="Arial" size="2">Productos 2<br>
      <select name="Productline2" size="1">
        <option selected value="CD-Roms">CD-Roms</option>
        <option value="Producto 1 [$150] ">Producto 1 [$150]</option>
        <option value="Producto 2 [$250] ">Producto 2 [$250]</option>
        <option value="Producto 3 [$350] ">Producto 3 [$350]</option>
      </select></font></td>
      <td><font face="Arial" size="2">Productos 3<br>
      <select name="Productline3" size="1">
        <option selected value="Postales">Postales</option>
        <option value="Producto 1 [$10] ">Producto 1 [$10]</option>
        <option value="Producto 2 [$20] ">Producto 2 [$20]</option>
        <option value="Producto 3 [$30] ">Producto 3 [$30]</option>
      </select></font></td>
    </tr>
    <tr>
      <td><font face="Arial" size="2">Productos 4<br>
      <select name="Productline4" size="1">
        <option selected value="Llaveros">Servicios</option>
        <option value="Producto 1 [$100] ">Producto 1 [$100]</option>
        <option value="Producto 2 [$200] ">Producto 2 [$200]</option>
        <option value="Producto 3 [$300] ">Producto 3 [$300]</option>
      </select></font></td>
      <td><font face="Arial" size="2">Productos 5<br>
      <select name="Productline5" size="1">
        <option selected value="Software">Software</option>
        <option value="Producto 1 [$50] ">Producto 1 [$50]</option>
        <option value="Producto 2 [$60] ">Producto 2 [$60]</option>
        <option value="Producto 3 [$70] ">Producto 3 [$70]</option>
      </select></font></td>
      <td><font face="Arial" size="2">Productos 6<br>
      <select name="Productline6" size="1">
        <option selected value="Hardware">Hardware</option>
        <option value="Producto 1 [$75] ">Producto 1 [$75]</option>
        <option value="Producto 2 [$85] ">Producto 2 [$85]</option>
        <option value="Producto 3 [$95] ">Producto 3 [$95]</option>
      </select></font></td>
    </tr>
    <tr>
      <td colspan="3"><table cellpadding="2">
        <tr>
          <td><font size="1"><br>
          </font><input type="button" name="Price" value="Costo Total" onclick="compute(this.form)"><font
          size="1"> </font><input type="text" size="12" name="T_Price" value></td>
          <td valign="top"><font size="1"><br>
          </font><input type="button" name="Print_data" value="Ver Detalles"
          onclick="print(this.form)"> <input type="button" value="Enviar"
          onMouseup="javascript:alert('Esto es una prueba')"></td>
        </tr>
        <tr>
          <td></td>
          <td valign="top"></td>
        </tr>
      </table>
      </td>
    </tr>
</table>
</form>

Lo que necesito es ke al darle click en el boton de enviar me lo envie a un correo especifico y me abra en una nueva pagina todo lo que los usuarios hayan escojido en lugar de esto:

De antemano muchas gracias por su ayuda o si me pueden explicar por correo este es mi correo:

Correo:

yeran_fraterno@hotmail.com

GestionXls

@man / @woman

#211/Oct/2008, 03:12

Hola, te muestro unos ejemplos para que te oriente en los ajustes necesarios:

1) un formulario, para que envíe en mail el código debe ser algo así:

Spoiler:

2) el botón que activa el envío, así:

Spoiler:

3) Un poco de jScript que valida y envía (o avisa que no):

Spoiler:

<SCRIPT LANGUAGE="JavaScript">
function validar() {
// aquí el código que valida el carrito
if ( validado )
// aquí metes el código que crea el email y la ventana final
miFormulario.submit();
// aquí el código que muestra la ventana final
return true;
else {
alert('Un aviso que faltan datos o lo que sea');
return false;
}
}
</SCRIPT>

Explicación: el botón va a ejecutar la función en jScript que valida, y despacha todo o informa que falta algo.

Salu2

Anterior Siguiente Arriba

Responder

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual

Inicio

Ayuda para webmasters

Java y Javascript

Opciones:

Ir al subforo:

Permisos:

TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes

Tema	Usuarios	Respuestas	Visitas	Actividad
Temas similares
COMO INSTALO UN CARRITO DE COMPRAS, SOY NOVATO Por: amoreslejanos, el 17/Oct/2004, 21:55		2	5k	Oct/04