Configurador de productos

axav · #1 (**permalink**) 03/01/2011, 09:20

Hola gentecilla, bueno Feliz año ante todo, queria crear un configurador de productos.

Me explico: Lo que quiero es crear un configurador, para que el cliente segun que producto escoja se asigne un precio y si va escogiendo mas productos, se va haciendo una suma hasta realizar el total. He buscado en la wiki, pero no he encontrado nada, todo esto seria con listbox, selectores o list/menu.

Espero alguna respuesta, es que ando algo perdido sobre esto.

axav · #2 (**permalink**) 03/01/2011, 18:18

Nadie sabe del tema ?

Perr0 · #3 (**permalink**) 03/01/2011, 19:24

para que te des una idea, me demore porque use el notepad

Código HTML:

Ver original<html>
<head>
<script>
function suma(){
var p1=document.getElementById("prod1").value;
var p2=document.getElementById("prod2").value;
var p3=document.getElementById("prod3").value;
var tt=document.getElementById("total");
 
if(!p1) p1=0;
if(!p2) p2=0;
if(!p3) p3=0;
 
res=parseInt(p1)+parseInt(p2)+parseInt(p3);
tt.innerHTML=res;
}
</script>
</head>
<body>
 
lapiz
<select name="prod1" id="prod1" onchange="suma()">
<option value="">Seleccionar</option>
<option value="100">lapiz rojo $100</option>
<option value="150">lapiz azul $150</option>
<option value="180">lapiz verde $180</option>
</select>
<p>
papel
<select name="prod2" id="prod2" onchange="suma()">
<option value="">Seleccionar</option>
<option value="500">papel carta $500</option>
<option value="600">papel oficio $600</option>
<option value="800">papel A4 $800</option>
</select>
<p>
otra cosa
<select name="prod3" id="prod3" onchange="suma()">
<option value="">Seleccionar</option>
<option value="250">otra cosa 1 $240</option>
<option value="320">otra cosa 2 $320</option>
<option value="360">otra cosa 3 $360</option>
</select>
<p>
Total: <b><span id="total"></span></b>
</body>
</html>

axav · #4 (**permalink**) 04/01/2011, 04:37

No me suma nada, ni me da un total este código, esta bien elaborado, pero no suma los valores, no se por que .

Perr0 · #5 (**permalink**) 04/01/2011, 06:51

me parece que el problema está entre el teclado y la silla, este mismo código lo subi aquí

http://perr0.110mb.com/ejsuma/suma.htm

y es lo mismo que coloque arriba, lo probé en IE7, IE8, FF, GoogleChrome

adjunto imagen

salu2

axav · #6 (**permalink**) 04/01/2011, 07:32

Cita:

Iniciado por Perr0

me parece que el problema está entre el teclado y la silla, este mismo código lo subi aquí

[url]http://perr0.110mb.com/ejsuma/suma.htm[/url]

y es lo mismo que coloque arriba, lo probé en IE7, IE8, FF, GoogleChrome

adjunto imagen

salu2

Perdoname campeón, si funciona, el fallo efectivamente, fue mio, el problema que tuve fue que al copiar se me generaron una especie de simbolos y eso es lo que impedía hacer funcionar el script.

Ahora si, muchas gracias fiera.

Perr0 · #7 (**permalink**) 04/01/2011, 07:44

todo ok mi rey....jajajajajaja

salu2

axav · #8 (**permalink**) 09/01/2011, 12:44

Y para hacer lo mismo pero que te sume con decimales

JavierB · #9 (**permalink**) 09/01/2011, 12:47

Hola axav

En lugar de parseInt utiliza parseFloat

Saludos,

axav · #10 (**permalink**) 10/01/2011, 06:33

Cita:

Iniciado por JavierB

Hola axav

En lugar de parseInt utiliza parseFloat

Saludos,

Muchas gracias moderata, funciona muy bien con la funcion parseFloat