pinteno Usuario Novato

Mensajes: 3 Desde: 08/Feb/2005 | Duda con los formularios de menus desplegablesEstimados foreros:
Soy un usuario supernovato de dreamweaver, y tengo que hacer una pagina con menús desplegables que al final me diga el precio total de la suma de todos opciones, es decir, supongamos para un restaurante: un menu desplegable de entremeses, otro menu desplegable de pescados, otro de carnes y otro de postres (todas las opciones con sus respectivos precios), y al final un cuadrito que sume todas las opciones escogidas.
He usado los formularios desplegables, pero no se como hacer los comportamientos una vez elegida la opcion de cada menú para que al final sume las cantidades. Es como una hoja de calculo, pero en html, y no tengo ni idea de como se hace.
Muchas gracias |
09/Feb/2005 10:35 GMT+1 | |
Skel Usuario habitual

 Mensajes: 40 Desde: 25/Mar/2004 | RE: Duda con los formularios de menus desplegablesVeamos, lo que necesitas es mas o menos un carrito de compras, verdad?. Te puedo ayudar con este script, que hace lo q quieres, solo cambiale los nombres y precios de tus productos.
Codigo:
<!-- PRIMER PASO: Copiar dentro del tag HEAD -->
<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>
<!-- SEGUNDO PASO: Copiar dentro del tag BODY -->
<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>
Espero q te esto te sea util. |
10/Feb/2005 05:11 GMT+1 | |
pinteno Usuario Novato

Mensajes: 3 Desde: 08/Feb/2005 | RE: Duda con los formularios de menus desplegablesmuchas gracias, lo intentaré |
11/Feb/2005 09:40 GMT+1 | |