Concadena en vez de sumar?

[Highlander]

Tengo el siguiente codigo y estoy seguro el problema es en la parte javascript la cual no domino, me concatena los numeros que obtengo en un formulario en vez de sumarlos:

Código:

<script language="javascript"> 
function calcula(operacion){ 
        var precio00 = document.mostrar.precio00.value;
	var precio01 = document.mostrar.precio01.value;
        var precio02 = document.mostrar.precio02.value;
        var precio03 = document.mostrar.precio03.value;
	var precio04 = document.mostrar.precio04.value;
	var precio05 = document.mostrar.precio05.value;
	var precio06 = document.mostrar.precio06.value;
	var precio07 = document.mostrar.precio07.value;
        var result = eval(precio00 + precio01 + precio02 + precio03 + precio04 + precio05 + precio06 + precio07);
    document.mostrar.resultado.value = result ;
} 
</script>

Cualquier ayuda es bienvenida.

[kxo]

Hola, encontré una discución que quizás resuelva tu problema:

http://www.forosdelweb.com/f13/convertir-entero-cadena-335395/

Saludos!

[Highlander]

Solucionado, ahora lo unico que no me convence es que para que sume todo hay que hacer click en algun campo sino no actualiza todos los valores, me pregunto si habra alguna forma de que actualize de manera automatica siempre.

Código:

<script language="javascript"> 
function calcula(operacion){ 
    var precio00 = parseInt(document.mostrar.precio00.value);
	var precio01 = parseInt(document.mostrar.precio01.value);
    var precio02 = parseInt(document.mostrar.precio02.value);
    var precio03 = parseInt(document.mostrar.precio03.value);
	var precio04 = parseInt(document.mostrar.precio04.value);
	var precio05 = parseInt(document.mostrar.precio05.value);
	var precio06 = parseInt(document.mostrar.precio06.value);
	var precio07 = parseInt(document.mostrar.precio07.value);
    var result = eval(precio00 + precio01 + precio02 + precio03 + precio04 + precio05 + precio06 + precio07);
    document.mostrar.resultado.value = result ;
} 
</script>

[xbx]

Hola Hightlander

Aqui esta lo que buscas:

Código HTML:

<script language="javascript">
function calcula(operacion){ 
    var precio00 = parseInt(document.mostrar.precio00.value);
    var precio01 = parseInt(document.mostrar.precio01.value);
    var precio02 = parseInt(document.mostrar.precio02.value);
    var precio03 = parseInt(document.mostrar.precio03.value);
    var precio04 = parseInt(document.mostrar.precio04.value);
    var precio05 = parseInt(document.mostrar.precio05.value);
    var precio06 = parseInt(document.mostrar.precio06.value);
    var precio07 = parseInt(document.mostrar.precio07.value);
    var result = eval(precio00 + precio01 + precio02 + precio03 + precio04 + precio05 + precio06 + precio07);
    document.mostrar.resultado.value = result ;
} 
</script>

<form name="mostrar">
    <input type="text" name="precio00" value="0" onchange="calcula()" />
    <input type="text" name="precio01" value="0" onchange="calcula()" />
    <input type="text" name="precio02" value="0" onchange="calcula()" />
    <input type="text" name="precio03" value="0" onchange="calcula()" />
    <input type="text" name="precio04" value="0" onchange="calcula()" />
    <input type="text" name="precio05" value="0" onchange="calcula()" />
    <input type="text" name="precio06" value="0" onchange="calcula()" />
    <input type="text" name="precio07" value="0" onchange="calcula()" />

    <input type="text" name="resultado" value="" />
</form> 

Debes colocar onchange="calcula()" en cada campo de tu formulario

Saludos!

[Highlander]

Lo pruebo y te aviso, gracias.

[Erickvk]

Iniciado por xbx

Hola Hightlander

Aqui esta lo que buscas:

Código HTML:

<script language="javascript">
function calcula(operacion){ 
    var precio00 = parseInt(document.mostrar.precio00.value);
    var precio01 = parseInt(document.mostrar.precio01.value);
    var precio02 = parseInt(document.mostrar.precio02.value);
    var precio03 = parseInt(document.mostrar.precio03.value);
    var precio04 = parseInt(document.mostrar.precio04.value);
    var precio05 = parseInt(document.mostrar.precio05.value);
    var precio06 = parseInt(document.mostrar.precio06.value);
    var precio07 = parseInt(document.mostrar.precio07.value);
    var result = eval(precio00 + precio01 + precio02 + precio03 + precio04 + precio05 + precio06 + precio07);
    document.mostrar.resultado.value = result ;
} 
</script>

<form name="mostrar">
    <input type="text" name="precio00" value="0" onchange="calcula()" />
    <input type="text" name="precio01" value="0" onchange="calcula()" />
    <input type="text" name="precio02" value="0" onchange="calcula()" />
    <input type="text" name="precio03" value="0" onchange="calcula()" />
    <input type="text" name="precio04" value="0" onchange="calcula()" />
    <input type="text" name="precio05" value="0" onchange="calcula()" />
    <input type="text" name="precio06" value="0" onchange="calcula()" />
    <input type="text" name="precio07" value="0" onchange="calcula()" />

    <input type="text" name="resultado" value="" />
</form> 

Debes colocar onchange="calcula()" en cada campo de tu formulario

Saludos!

Yo usaría el parseInt(document.mostrar.precio00.value,10);
porque a veces si el numero empieza por cero el parseInt intenta pasarlo a base ocho y puede dar problemas. Es decir, que si document.mostrar.precio00.value = "010", la variable precio00 = 8.

[Highlander]

Gracias ahora funciona mucho mejor, creo que da por solucionado.

[xbx]

Iniciado por Erickvk

Yo usaría el parseInt(document.mostrar.precio00.value,10);
porque a veces si el numero empieza por cero el parseInt intenta pasarlo a base ocho y puede dar problemas. Es decir, que si document.mostrar.precio00.value = "010", la variable precio00 = 8.

Excelente, buen punto.