| 1 | <html> |
| 2 | <head> |
| 3 | <!-- Copiar dentro del tag HEAD --> |
| 4 | <script LANGUAGE="JavaScript"> |
| 5 | /* Copyright Reaz Hoque http://rhoque.com rhoque@rhoque.com |
| 6 | This code can be used for non-profit use only if the copyright notice is kept. */ |
| 7 | |
| 8 | var called=false; |
| 9 | var T_Price=0; |
| 10 | var Line1_flag; |
| 11 | var Line1_print=""; |
| 12 | var Line2_flag; |
| 13 | var Line2_print; |
| 14 | var Line3_flag; |
| 15 | var Line3_print; |
| 16 | var Line4_flag; |
| 17 | var Line4_print; |
| 18 | var Line5_flag; |
| 19 | var Line5_print; |
| 20 | var Line6_flag; |
| 21 | var Line6_print; |
| 22 | function compute(form){ |
| 23 | called=true; |
| 24 | //-------Productos 1---------- |
| 25 | if (form.Productline1[0].selected){ |
| 26 | Line1_print= "Ninguno [$0]"; |
| 27 | Line1_flag=0; |
| 28 | } |
| 29 | |
| 30 | if (form.Productline1[1].selected){ |
| 31 | Line1_flag =84.95; |
| 32 | Line1_print="Producto 1 [$84.95]"; |
| 33 | } |
| 34 | else if (form.Productline1[2].selected){ |
| 35 | Line1_flag =84.95; |
| 36 | Line1_print="Producto 2 [$84.95]"; |
| 37 | } |
| 38 | |
| 39 | else if (form.Productline1[3].selected){ |
| 40 | Line1_flag =54.95; |
| 41 | Line1_print="Producto 3 [$54.95]"; |
| 42 | } |
| 43 | |
| 44 | else if (form.Productline1[4].selected){ |
| 45 | Line1_flag =54.95; |
| 46 | Line1_print="Producto 4 [$54.95]"; |
| 47 | } |
| 48 | else if (form.Productline1[5].selected){ |
| 49 | Line1_flag =19.95; |
| 50 | Line1_print="Producto 5 [$19.95]"; |
| 51 | } |
| 52 | //-------Productos 2---------- |
| 53 | if (form.Productline2[0].selected){ |
| 54 | Line2_flag=0; |
| 55 | Line2_print="Ninguno [$0]"; |
| 56 | } |
| 57 | if (form.Productline2[1].selected){ |
| 58 | Line2_flag=150; |
| 59 | Line2_print="Producto 1 [$150]"; |
| 60 | } |
| 61 | if (form.Productline2[2].selected){ |
| 62 | Line2_flag=250; |
| 63 | Line2_print="Producto 2 [$250]"; |
| 64 | } |
| 65 | if (form.Productline2[3].selected){ |
| 66 | Line2_flag=350; |
| 67 | Line2_print="Producto 3 [$350]"; |
| 68 | } |
| 69 | //-------Productos 3----------- |
| 70 | if (form.Productline3[0].selected){ |
| 71 | Line3_flag=0; |
| 72 | Line3_print="Ninguno [$0]"; |
| 73 | } |
| 74 | if (form.Productline3[1].selected){ |
| 75 | Line3_flag=10; |
| 76 | Line3_print="Producto 1 [$10]"; |
| 77 | } |
| 78 | if (form.Productline3[2].selected){ |
| 79 | Line3_flag=20; |
| 80 | Line3_print="Producto 2 [$20]"; |
| 81 | } |
| 82 | if (form.Productline3[3].selected){ |
| 83 | Line3_flag=30; |
| 84 | Line3_print="Producto 3 [$30]"; |
| 85 | } |
| 86 | //-------Productos 4------- |
| 87 | if (form.Productline4[0].selected){ |
| 88 | Line4_flag=0; |
| 89 | Line4_print="Ninguno [$0]"; |
| 90 | } |
| 91 | if (form.Productline4[1].selected){ |
| 92 | Line4_flag=100; |
| 93 | Line4_print="Producto 1 [$100]"; |
| 94 | } |
| 95 | if (form.Productline4[2].selected){ |
| 96 | Line4_flag=200; |
| 97 | Line4_print="Producto 2 [$200]"; |
| 98 | } |
| 99 | if (form.Productline4[3].selected){ |
| 100 | Line4_flag=300; |
| 101 | Line4_print="Producto 3 [$300]"; |
| 102 | } |
| 103 | //-------Productos 5------- |
| 104 | if (form.Productline5[0].selected){ |
| 105 | Line5_flag=0; |
| 106 | Line5_print="Ninguno [$0]"; |
| 107 | } |
| 108 | if (form.Productline5[1].selected){ |
| 109 | Line5_flag=50; |
| 110 | Line5_print="Producto 1 [$50]"; |
| 111 | } |
| 112 | if (form.Productline5[2].selected){ |
| 113 | Line5_flag=60; |
| 114 | Line5_print="Producto 2 [$60]"; |
| 115 | } |
| 116 | if (form.Productline5[3].selected){ |
| 117 | Line5_flag=70; |
| 118 | Line5_print="Producto 3 [$70]"; |
| 119 | } |
| 120 | //-------Productos 6------- |
| 121 | if (form.Productline6[0].selected){ |
| 122 | Line6_flag=0; |
| 123 | Line6_print="Ninguno [$0]"; |
| 124 | } |
| 125 | if (form.Productline6[1].selected){ |
| 126 | Line6_flag=75; |
| 127 | Line6_print="Producto 1 [$75]"; |
| 128 | } |
| 129 | if (form.Productline6[2].selected){ |
| 130 | Line6_flag=85; |
| 131 | Line6_print="Producto 2 [$85]"; |
| 132 | } |
| 133 | if (form.Productline6[3].selected){ |
| 134 | Line6_flag=95; |
| 135 | Line6_print="Producto 3 [$95]"; |
| 136 | } |
| 137 | T_Price=Line1_flag+Line2_flag+Line3_flag+Line4_flag+Line5_flag+Line6_flag; |
| 138 | form.T_Price.value=" $ "+ T_Price; |
| 139 | } |
| 140 | function print(form){ |
| 141 | if(!called){ |
| 142 | compute(form); |
| 143 | } |
| 144 | text = ("<HEAD><TITLE>'Costo Estimado'</TITLE></HEAD>"); |
| 145 | text = (text +"<BODY BGCOLOR = '#FFFFFF' ><CENTER><B><FONT SIZE = 3><FONT COLOR=BLUE>Costo Estimado</FONT></FONT></B>"); |
| 146 | text= (text +"<br></CENTER>"); |
| 147 | text=(text+"<hr>"); |
| 148 | text=(text+"<TABLE BORDER =0><TR VALIGN=Top><TD VALIGN=Top>"); |
| 149 | text=(text+"<B>Producto 1:<BR>Producto 2: <BR>Producto 3: <BR>Producto 4: <BR>Producto 5: <BR>Producto 6:"); |
| 150 | text=(text+"</B></TD><TD>") |
| 151 | text=(text+"<B>"+ Line1_print+"<BR>"+ Line2_print+"<BR>"+ Line3_print+"<BR>"); |
| 152 | text=(text+ Line4_print+"<BR>"+ Line5_print+"<BR>"+ Line6_print+"<BR>"); |
| 153 | text=(text+"<TD></TR></TABLE><hr>"); |
| 154 | text=(text+"<B><FONT COLOR=RED>Costo Total:</FONT>"+" $"+T_Price); |
| 155 | text=(text+"</body></html>"); |
| 156 | msgWindow=window.open("","displayWindow","toolbar=no,width=320,height=240,directories=no,status=no,scrollbars=no,resize=no,menubar=no") |
| 157 | msgWindow.document.write(text) |
| 158 | msgWindow.document.close() |
| 159 | } |
| 160 | </script> |
| 161 | </head> |
| 162 | |
| 163 | <body> |
| 164 | <!-- Copiar dentro del tag BODY --> |
| 165 | <form method="post"> |
| 166 | <table cellpadding="4" bgcolor="#EAE8E8"> |
| 167 | <tr> |
| 168 | <td><font face="Arial" size="2">Productos 1<br> |
| 169 | <select name="Productline1" size="1"> |
| 170 | <option selected value="Seleccione">Libros</option> |
| 171 | <option value="Producto 1 [$84.95] ">Producto 1 [$84.95]</option> |
| 172 | <option value="Producto 2 [$84.95] ">Producto 2 [$84.95]</option> |
| 173 | <option value="Producto 3 [$54.95] ">Producto 3 [$54.95]</option> |
| 174 | <option value="Producto 4 [$54.95] ">Producto 4 [$54.95]</option> |
| 175 | <option value="Producto 5 [$19.95] ">Producto 5 [$19.95]</option> |
| 176 | </select></font></td> |
| 177 | <td><font face="Arial" size="2">Productos 2<br> |
| 178 | <select name="Productline2" size="1"> |
| 179 | <option selected value="CD-Roms">CD-Roms</option> |
| 180 | <option value="Producto 1 [$150] ">Producto 1 [$150]</option> |
| 181 | <option value="Producto 2 [$250] ">Producto 2 [$250]</option> |
| 182 | <option value="Producto 3 [$350] ">Producto 3 [$350]</option> |
| 183 | </select></font></td> |
| 184 | <td><font face="Arial" size="2">Productos 3<br> |
| 185 | <select name="Productline3" size="1"> |
| 186 | <option selected value="Postales">Postales</option> |
| 187 | <option value="Producto 1 [$10] ">Producto 1 [$10]</option> |
| 188 | <option value="Producto 2 [$20] ">Producto 2 [$20]</option> |
| 189 | <option value="Producto 3 [$30] ">Producto 3 [$30]</option> |
| 190 | </select></font></td> |
| 191 | </tr> |
| 192 | <tr> |
| 193 | <td><font face="Arial" size="2">Productos 4<br> |
| 194 | <select name="Productline4" size="1"> |
| 195 | <option selected value="Llaveros">Servicios</option> |
| 196 | <option value="Producto 1 [$100] ">Producto 1 [$100]</option> |
| 197 | <option value="Producto 2 [$200] ">Producto 2 [$200]</option> |
| 198 | <option value="Producto 3 [$300] ">Producto 3 [$300]</option> |
| 199 | </select></font></td> |
| 200 | <td><font face="Arial" size="2">Productos 5<br> |
| 201 | <select name="Productline5" size="1"> |
| 202 | <option selected value="Software">Software</option> |
| 203 | <option value="Producto 1 [$50] ">Producto 1 [$50]</option> |
| 204 | <option value="Producto 2 [$60] ">Producto 2 [$60]</option> |
| 205 | <option value="Producto 3 [$70] ">Producto 3 [$70]</option> |
| 206 | </select></font></td> |
| 207 | <td><font face="Arial" size="2">Productos 6<br> |
| 208 | <select name="Productline6" size="1"> |
| 209 | <option selected value="Hardware">Hardware</option> |
| 210 | <option value="Producto 1 [$75] ">Producto 1 [$75]</option> |
| 211 | <option value="Producto 2 [$85] ">Producto 2 [$85]</option> |
| 212 | <option value="Producto 3 [$95] ">Producto 3 [$95]</option> |
| 213 | </select></font></td> |
| 214 | </tr> |
| 215 | <tr> |
| 216 | <td colspan="3"><table cellpadding="2"> |
| 217 | <tr> |
| 218 | <td><font size="1"><br> |
| 219 | </font><input type="button" name="Price" value="Costo Total" onclick="compute(this.form)"><font |
| 220 | size="1"> </font><input type="text" size="12" name="T_Price" value></td> |
| 221 | <td valign="top"><font size="1"><br> |
| 222 | </font><input type="button" name="Print_data" value="Ver Detalles" |
| 223 | onclick="print(this.form)"> <input type="button" value="Enviar" |
| 224 | onMouseup="javascript:alert('Esto es una prueba')"></td> |
| 225 | </tr> |
| 226 | <tr> |
| 227 | <td></td> |
| 228 | <td valign="top"></td> |
| 229 | </tr> |
| 230 | </table> |
| 231 | </td> |
| 232 | </tr> |
| 233 | </table> |
| 234 | </form> |
| 235 | </body> |
| 236 | </html> |