Funcion de suma de campos de texto que no anda en Explorer

sergiolimo. · #1 (**permalink**) 19/01/2013, 08:12

Tengo esta funcion:

function calcular(cual)
{
caja=document.forms["sumar"].elements;
subtotal=Number(caja["subtotal"+cual].value);
cantidad=Number(caja["cantidad"+cual].value);
lista=Number(caja["lista"+cual].value);
dcto=Number(caja["descuento"+cual].value)/100;

total_unitario=lista-(lista*dcto);
total_final=total_unitario*cantidad;

total_unitario=total_unitario.toFixed(2);
caja["subtotal"+cual].value=total_unitario;
total_final=total_final.toFixed(2);
caja["total"+cual].value=total_final;

}

...ademas de otras similares, lo que hago con ella es tomar diferentes campos de un formulario y hacer calculos con ellos, cada campo va teniendo el nombre cantidad1, cantidad2, etc ya que su cantidad es variable y con php armo los nombres. Tanto en Firefox como en Safari y Chrome va perfecto, pero en Explorer 9 no hace nada de nada, ni siquiera en vista de compatibilidad, y probado en 2 pc diferentes. No soy experto en javascript, por lo que no se hacerlo de otra manera, apenas si lo logre de ésta, es que uso algo obsoleto en el codigo que ya no es standard en los nuevos navegadores? como deberia modificarlo? gracias!

emprear · #2 (**permalink**) 19/01/2013, 11:36

En casos así debés mostrar el html y como estás llamando la función, si no se transforma en una adivinanza.

Esto te funciona en cualquier navegador, incluso IE8/IE7

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<script type="text/javascript">
//<![CDATA[
function calcular(cual){
var caja=document.forms["sumar"].elements;
var cantidad = Number(caja['cantidad'+cual].value);
var precio = Number(caja['precio'+cual].value);
var total = cantidad*precio;
if(isNaN(total)){alert('error');}else{alert(total);}
}
//]]>
</script>
 
</head>
<body>
<form name="sumar" action="#">
Cantidad A <input type="text" value="" name="cantidad1"/><br />
Precio A <input type="text" value="" name="precio1"/><br />
Cantidad B <input type="text" value="" name="cantidad2"/><br />
Precio B <input type="text" value="" name="precio2"/><br />
<input type="button" onclick="calcular('1');" value="A1xA2" /><br />
<input type="button" onclick="calcular('2');" value="B1xB2" /><br />
</from>
</body>
</html>

Pero como te dije, estoy adivinando
Saludos

sergiolimo. · #3 (**permalink**) 29/01/2013, 13:42

Muchas gracias emprear, estuve de viaje y recien ahora estoy probando lo que me aconsejas, el html donde lo llama es

echo '<td width=40><input style="text-align: right" type="text" name="subtotal'.$zx.'" id="subtotal'.$zx.'" value="'.$lista_precio_decimales.'" onkeyup="calcular('.$zx.'); sumat('.$_SESSION["opedido"]->cuantos_productos_pedido.');" readonly="readonly" style="border:0" onkeypress="return pulsar(event)" size="8" maxlength="8" /></td>';

donde $zx es una variable que va aumentando 1 cada vez, ahora mismo hare las modificaciones