Suma de porcentaje - Select-

markincho · #1 (**permalink**) 21/03/2006, 09:55

Hola, estoy intentando hacer una pagina que calcule costo
hasta ahora con la ayuda de este foro pude implementar esto
pero me falta un item "Select" que tenga dos valores(Porcentaje1, porcentaje2) que sumen por porcentaje uno de %25 y otro de %35 y que intervenga en el resultado de este calculo

espero que me puedan ayudar, gracias nuevamente.

PD:Este es el codigo que pude implemtar y que le falta la suma de ese Select que solicito

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script language="JavaScript" type="text/javascript">
function sumar()
{
var resultado = 0;
resultado = ( parseInt(document.getElementById('tamanio').value) + parseInt(document.getElementById('color').value) ) * parseInt(document.getElementById('cantidad').value );
document.getElementById('resultado').value = resultado;
}

</script>
</head>

<body>
<form name="form1" method="post" action="">
<p>Suma en tiempo real: <br>
Tipo de producto:
<label>
<select name="select">
</select>
</label>
</p>
<table width="400" border="0" cellspacing="0" cellpadding="0">

<tr>
<td>Tipo de producto:</td>
<td><select name="tamanio" id="tamanio" onChange="sumar();">
<option value="0">Elija </option>
<option value="10">tamanio1</option>
<option value="20" selected>tamanio2</option>

<option value="30">tamanio3</option>
</select></td>
</tr>
<tr>
<td>Color:</td>
<td><select name="color" id="color" onChange="sumar();">
<option value="0">Elija </option>

<option value="10" selected>color1</option>
<option value="20">color2</option>
<option value="30">color3</option>
<option value="1000">color4</option>
</select></td>
</tr>
<tr>
<td>Cantidad: </td>

<td><select name="cantidad" id="cantidad" onChange="sumar();">
<option value="0" selected>Elija </option>
<option value="1">cantidad1</option>
<option value="2">cantidad2</option>
<option value="3">cantidad3</option>
</select></td>
</tr>

<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td>TOTAL:</td>
<td><input name="resultado" type="text" id="resultado"></td>
</tr>

</table>
</form>
</body>
</html>

flaviovich · #2 (**permalink**) 22/03/2006, 06:49

A ver si asi lo querias:

Código HTML:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script language="JavaScript" type="text/javascript">
function sumar()
{
var resultado = 0;
resultado = ( parseInt(document.getElementById('tamanio').value) + parseInt(document.getElementById('color').value) ) * parseInt(document.getElementById('cantidad').value );
document.getElementById('resultado').value = resultado;
document.getElementById('porc_res').value = resultado * parseInt(document.getElementById('porcentaje').value)/100;
}

</script>
</head>

<body>
<form name="form1" method="post" action="">
<p>Suma en tiempo real: <br>
Tipo de producto:
<label>
<select name="select">
</select>
</label>
</p>
<table width="400" border="0" cellspacing="0" cellpadding="0">

<tr>
<td>Tipo de producto:</td>
<td><select name="tamanio" id="tamanio" onChange="sumar();">
<option value="0">Elija </option>
<option value="10">tamanio1</option>
<option value="20" selected>tamanio2</option>

<option value="30">tamanio3</option>
</select></td>
</tr>
<tr>
<td>Color:</td>
<td><select name="color" id="color" onChange="sumar();">
<option value="0">Elija </option>

<option value="10" selected>color1</option>
<option value="20">color2</option>
<option value="30">color3</option>
<option value="1000">color4</option>
</select></td>
</tr>
<tr>
<td>Cantidad: </td>

<td><select name="cantidad" id="cantidad" onChange="sumar();">
<option value="0" selected>Elija </option>
<option value="1">cantidad1</option>
<option value="2">cantidad2</option>
<option value="3">cantidad3</option>
</select></td>
</tr>

<tr>
  <td>Porcentaje:</td>
  <td><select name="select3" id="porcentaje" onChange="sumar();">
    <option value="0" selected>Elija </option>
    <option value="25">25%</option>
    <option value="35">35%</option>
  </select></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
  <td>&nbsp;</td>
  <td><input type="text" id="porc_res"></td>
</tr>
<tr>
<td>TOTAL:</td>
<td><input name="resultado" type="text" id="resultado"></td>
</tr>

</table>
</form>
</body>
</html>

Y aquí una muestra.

markincho · #3 (**permalink**) 22/03/2006, 11:25

Hola, ante todo gracias por responder por que me hiciste avanzar "bastante" en este tema lo que te mande era un javascript que daba una idea pero gracias a tu ayuda puse implementar lo que quiero pero me falta una cosa que no se como la hago
necesito que los clientes puedan poner las "dimensiones" el "peso" manualmente y que el resultado del porcentaje con el otro resultado sea unificado.
muchas gracias realmente me ayudaste a aclararme mas las ideas.
un abrazo.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script language="JavaScript" type="text/javascript">
function sumar()
{
var resultado = 0;
resultado = ( parseInt(document.getElementById('tamanio').value) + parseInt(document.getElementById('color').value) ) * parseInt(document.getElementById('cantidad').value );
document.getElementById('resultado').value = resultado;
document.getElementById('porc_res').value = resultado * parseInt(document.getElementById('porcentaje').val ue)/100;
}

</script>
</head>

<body>
<form name="form1" method="post" action="">
<p> </p>
<table width="400" border="0" cellspacing="0" cellpadding="0">

<tr>
<td>Peso en Kilos :</td>

<td><select name="tamanio" id="tamanio" onChange="sumar();">
<option value="0">Elija </option>
<option value="10">1 Kilo</option>
<option value="20" selected>2 Kilos</option>

<option value="30">3 Kilos</option>

</select></td>
</tr>
<tr>
<td>Peso en libras:</td>
<td><select name="color" id="color" onChange="sumar();">

<option value="0">Elija </option>

<option value="1" selected>1 Libra</option>
<option value="2">2 Libras</option>
<option value="3">3 Libras</option>
<option value="4">4 Libras</option>

</select></td>
</tr>
<tr>
<td>Dimension:</td>

<td><select name="cantidad" id="cantidad" onChange="sumar();">
<option value="0" selected>Elija </option>
<option value="1">20 x 60</option>
<option value="2">60 x 90</option>
<option value="3">90 x 120</option>
</select></td>
</tr>

<tr>
<td>Tipo de producto: </td>

<td><select name="select3" id="porcentaje" onChange="sumar();">
<option value="0" selected>Elija </option>
<option value="25">Indumentaria</option>
<option value="35">Alimentos y bebidas</option>
</select></td>

</tr>
<tr>
<td> </td>

<td> </td>
</tr>
<tr>
<td> </td>
<td>$
<input type="text" id="porc_res"></td>
</tr>
<tr>
<td>TOTAL:</td>
<td>$
<input name="resultado" type="text" id="resultado"></td>
</tr>

</table>

</form>
</body>
</html>

flaviovich · #4 (**permalink**) 22/03/2006, 12:41

Te recomiendo chequear tu formula!

Código HTML:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script language="JavaScript" type="text/javascript">
function sumar()
{
var resultado = 0;
resultado = ( parseInt(document.getElementById('kilos').value) + parseInt(document.getElementById('libras').value) ) * parseInt(document.getElementById('dimension').value );
document.getElementById('resultado').value = resultado * parseInt(document.getElementById('porcentaje').value)/100;
}
function validarNum(e)
{
    tecla = (document.all) ? e.keyCode : e.which;
    if (tecla == 8 || tecla == 0) return true;
    patron = /\d/;
    ch = String.fromCharCode(tecla);
    return patron.test(ch);
}
</script>
</head>

<body>
<form name="form1" method="post" action="">
<p>&nbsp;</p>
<table width="400" border="0" cellspacing="0" cellpadding="0">

<tr>
<td>Peso en kilos :</td>
<td> <input name="kilos" type="text" id="kilos" onKeyUp="sumar();" value="2" onKeyPress="return validarNum(event);"></td>
</tr>
<tr>
<td>Peso en libras:</td>
<td> <input name="libras" type="text" id="libras" onKeyUp="sumar();" value="1" onKeyPress="return validarNum(event);"></td></tr>
<tr>
<td>Dimension:</td>
<td> <input name="dimension" type="text" id="dimension" onKeyPress="return validarNum(event);" onKeyUp="sumar();" value="0"></td>
</tr>

<tr>
<td>Tipo de producto: </td>

<td><select name="porcentaje" id="porcentaje" onChange="sumar();">
<option value="0" selected>Elija </option>
<option value="25">Indumentaria</option>
<option value="35">Alimentos y bebidas</option>
</select></td>

</tr>
<tr>
<td>&nbsp;</td>

<td>&nbsp;</td>
</tr>
<tr>
<td>TOTAL:</td>
<td>$
<input name="resultado" type="text" id="resultado"></td>
</tr>

</table>

</form>
</body>
</html>