Cálculo sencillo

callahan · #1 (**permalink**) 19/09/2009, 05:09

Hola, necesitará un script que me hiciese un cálculo sencillo. Se trata de ofrecer un producto que mide un metro cuadrado (1) con un precio base por ejemplo de 50 €. Luego aparecería una lista desplegable con varios tamaños alternativos. P.E:

1,5 X 2
2 X 2,5

Se trata que el script multiplique 50 (precio base) X ancho X alto y que al usuario le aparezcan los datos y la cifra resultante.

Tamaño 1,5 X 2. Precio: 150 €

Seguro que ya hay scripts que realizan esta operación, agradecería que me proporcionaseis algún enlace.

Saludos

Adler · #2 (**permalink**) 19/09/2009, 08:27

Hola

Podría ser algo como esto

Código javascript:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="http-equiv" content="Content-type: text/html; charset=UTF-8"/>
<script type="text/javascript">
function funcion(m,c) {
var unidad = 50;
metros = (m != "") ? m : document.getElementById("metros").value ;
cantidad = (c != "") ? c : 1;
var total = parseInt((parseFloat(metros)*unidad)*cantidad);
document.getElementById("total").value = total;
}
</script>
</head>
<body>
<form>
Metros Cuadrados <input type="text" id="metros" value="1" onkeyup="funcion(this.value,'');" /><br />
Cantidad <input type="text" id="cantidad" value="1" onkeyup="funcion('',this.value);" /><br />
Total <input type="text" id="total" value="" />
</form>
</body>
</html>

Suerte

callahan · #3 (**permalink**) 19/09/2009, 09:52

Hola Alder, gracias por el aporte.

Es algo semejante a lo que estoy buscando aunque el usuario no debe introducir nada sino elegir de un desplegable y que luego aparezca la medida elegida y su correspondiente precio.

Adler · #4 (**permalink**) 19/09/2009, 13:51

Hola

A efectos prácticos es lo mismo. Te he montado este otro

Código javascript:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="http-equiv" content="Content-type: text/html; charset=UTF-8"/>
<script type="text/javascript">
function funcion(sel1,sel2) {
var unidad = 50;
if (sel1 == "") {metros = document.pedidos.metros.options[document.pedidos.metros.selectedIndex].value;} else { metros = sel1;}
if (sel2 == "") {cantidad = document.pedidos.cantidad.options[document.pedidos.cantidad.selectedIndex].value;} else { cantidad = sel2;}
var total = parseInt((parseFloat(metros)*unidad)*cantidad);
document.getElementById("total").value = total;
}
</script>
</head>
<body>
<form name="pedidos">
Metros Cuadrados <select name="metros" id="metros" onchange="funcion(this.options[this.selectedIndex].value,'');">
<option value="0">METROS</option>
<option value="1">100x100</option>
<option value="1.5">150x150</option>
<option value="2">200x200</option>
<option value="2.5">250x250</option>
<option value="3">300x300</option>
</select>
<br />
 
Cantidad <select name="cantidad" id="cantidad" onchange="funcion('',this.options[this.selectedIndex].value);">
<option value="0">CANTIDAD</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
 
<br />
Total <input type="text" id="total" value="0" />
</form>
</body>
</html>

Suerte

callahan · #5 (**permalink**) 20/09/2009, 06:31

Hola Alder, es justo lo que necesito. Creo que lo de la cantidad no va a ser necesario incluirla en el cálculo puesto que el usuario solamente necesita saber el precio por unidad (no va a comprar por lotes).

Voy a adaptarlo y a ver que resulta.

Gracias por el trabajo.

Saludos