[SOLUCIONADO] valor NaN devuelto por js

faseb · #1 (**permalink**) 06/02/2013, 08:35

hola como estan ante nada gracias por responder. mi problema es que js me devuelve un valor NaN y no se porque. cual podria ser el problema no entiendo mucho de js.

le estoy pasando una variable alojada en un <div> x ej 5.99 cuyo valor obtuve de una consulta en ajax y ahora ese valor lo quiero multiplicar en tiempo real pero me devuelve NaN (not a numbre). no se ojala puedan ayudarme. gracias

David · #2 (**permalink**) 06/02/2013, 09:05

Muestra el código que usas y la respuesta que obtienes de la petición Ajax.

faseb · #3 (**permalink**) 06/02/2013, 09:30

este es el script el cual multiplica

<script>
function calcula(operacion){
var cantidad = document.getElementById('CANTIDAD').value;
var precio = document.getElementById('PRECIO').innerHTML;
var decimal = parseFloat('precio');
var subtotal = cantidad * decimal
document.getElementById('SUBTOTAL').value = subtotal
}

</script>

ak la parte q envia al script

<td><div id="PRECIO" onKeyPress="calcula(this.value);"></div></td>// ak recibo el valor desde ajax
<td> </td>
<td><input type="text" name="CANTIDAD" id="CANTIDAD" value="" onChange="calcula()"></td>
<td> </td>
<td><input type="number" name="SUBTOTAL" id="SUBTOTAL" value=""></td>

si necesitas algo mas pedime. los valores q tengo son 4.00 , 5.99 , 10.50

emprear · #4 (**permalink**) 06/02/2013, 10:06

Cita:

Iniciado por faseb

este es el script el cual multiplica

<script>
function calcula(){
var cantidad = document.getElementById('CANTIDAD').value;
var precio = document.getElementById('PRECIO').innerHTML;
var decimal = parseFloat('precio');
var subtotal = cantidad_decimal * decimal
document.getElementById('SUBTOTAL').value = subtotal
}

</script>

ak la parte q envia al script

<td><div id="PRECIO" onKeyPress="calcula(this.value);"></div></td>// ak recibo el valor desde ajax
<td> </td>
<td><input type="text" name="CANTIDAD" id="CANTIDAD" value="" onChange="calcula()"></td>
<td> </td>
<td><input type="number" name="SUBTOTAL" id="SUBTOTAL" value=""></td>

si necesitas algo mas pedime. los valores q tengo son 4.00 , 5.99 , 10.50

tenés una gran confusión
esto
onKeyPress="calcula(this.value)"
en un div no se ejecuta

los parseFloat tenés que hacércelos a los valores (del div id="PRECIO" y el input id="CANTIDAD"), pero como estos valores los estás poniendo en sendas variables, el parseFLoat en definitiva se hace a las variables, que son cantidad y precio, sin las comillas !!! El parámetro operacion carece de sentido, al menos en lo que proponés
El evento a utilizar es onkeyup para este caso, en definitiva

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 calcula(operacion){ 
var cantidad = document.getElementById('CANTIDAD').value; 
var cantidad_decimal = parseFloat(cantidad); 
var precio = document.getElementById('PRECIO').innerHTML;
 var decimal = parseFloat(precio); 
var subtotal = cantidad * decimal 
document.getElementById('SUBTOTAL').value = subtotal 
}
 
//]]>
</script>
</head>
<body>
<table>
<tr>
<td>
<div id="PRECIO">5</div>
</td>
<td>&nbsp;</td>
<td><input type="text" name="CANTIDAD" id="CANTIDAD" value="" onkeyup="calcula()" /></td>
<td>&nbsp;</td>
<td><input type="text" name="SUBTOTAL" id="SUBTOTAL" value="" /></td>
</tr>
</table>
</body>
</html>

Te recomiendo que empieces con algún buen manual de javascript
SAludos

faseb · #5 (**permalink**) 06/02/2013, 10:54

hola la verdad gracias por tu aporte pero te paso a explicar. antes usaba 2 input uno para precio y otro para cantidad y el js me andaba de lujo pero ingresaba todo manual. ahora debo usar el div para recibir el precio a traves de ajax o algo parecido para poder obtener el precio al seleccionar un producto osea esto

<td><select name="ID_PROD" value="" onBlur="Mostrarprecio(this.value);">
<?php
$temp=mysql_query('
select DESCRIPCION, COD_PROD
from productos
order by DESCRIPCION');
while ($temp_=mysql_fetch_row($temp)){
echo '<option value="'.$temp_[1].'">'.$temp_[0].'
</option>';}
?>
</select>
</td>

con esto obtengo el id de producto que lo necesito, a partir de ak a traves de ajax obtengo el precio a traves del ID. si hay otra forma de obtener el precio bienvenido sea. entonces el div es necesario para obtener el valor consultado a traves de ajax, lo q no se es si es posible obtener dicho valor en un input si se puede re bien. sino no se.

ak mi codigo ajax esto no entiendo mucho lo tenia de ejemplo y lo modifique

function objetoAjax(){
var xmlhttp=false;
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}

if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
function Mostrarprecio(datos){
divResultado = document.getElementById('miprov');
divResultado.innerHTML = '<img src="/ajax-loader.gif"/>';
divResultado2 = document.getElementById('miloc');
divResultado2.innerHTML = '<img src="/ajax-loader.gif"/>';

ajax=objetoAjax();
ajax.open("GET", datos);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
var cadenaresultado = ajax.responseText.split("<A99WTY1414BR7BM>");
divResultado.innerHTML = cadenaresultado[0];
divResultado2.innerHTML = cadenaresultado[1];
eval(cadenaresultado[2]);
}
}
ajax.send(null)
}

function Mostrarprecio(datos){

divResultado = document.getElementById('PRECIO');

divResultado.innerHTML = '<img src="/cargando.gif"/>';
ajax=objetoAjax();

ajax.open("GET", "/busquedaprec.php?buscar="+datos);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
var cadenaresultado = ajax.responseText;
divResultado.innerHTML = cadenaresultado;

}
}
ajax.send(null)

}

faseb · #6 (**permalink**) 06/02/2013, 11:07

emprear modifique lo que me pusiste pero sigue tirando NaN

emprear · #7 (**permalink**) 06/02/2013, 11:08

No hay problema si usas un div ó un input text (podés darle el atributo "readonly" si no queré que sea editable), siempre y cuando del div extraigas innerHTML y del input el value,
Ahora, el código que presentás ahora es algo completamente diferente, mis observaciones (que ya sea una cosa a la otra) vas a tener que tener en cuenta, son a efectos de poder realizar la suma. Ajax nada tiene que ver con eso, tu título es lo suficientemente claro
Cita:

valor NaN devuelto por js

y a eso se limita mi solución
Saludos

faseb · #8 (**permalink**) 06/02/2013, 11:15

claro si modifique lo me diste pero = sigue mostrando NaN. claro buscando llegue a la conclusion de q ajax no era mi problema pero si el js que no me tira un valor numerico y ahi es que no entiendo, por eso el titulo. si tenes alguna otra idea te lo agradeceria

emprear · #9 (**permalink**) 06/02/2013, 11:30

Se te ocurrió tomarte el trabajo de reproducir mi código

ingresá un número en el primer campo, entero o decimal
http://foros.emprear.com/javascript/multiplic_nan.html

faseb · #10 (**permalink**) 06/02/2013, 11:47

ok si probe pero el div ese tiene que ser variable no fijo a eso voy ya probe con el 5 como me diste pero no es asi como debe ser sino q debe ser traido desd ajax. gracias =.

eso del CDTA es necesario??

es como si al no poner un valor fijo al div me pasa como si fuera vacio al js entonces me da NaN

faseb · #11 (**permalink**) 06/02/2013, 16:48

nadie tiene idea porque puede ser que pase lo del NaN

emprear · #12 (**permalink**) 06/02/2013, 17:16

so no cambia nada, son 2 cosas distintas, primero tenés que asegurarte que tu ajax ponga en el div resultados un número (pero hasta entonces será una cadena)

luego tu función que realiza la operación debe convertir ese valor (cadena)en un número operable matemáticamente hablando, para eso le haces parseFloat ó parseInt a la variable obtenida

SAludos

faseb · #13 (**permalink**) 06/02/2013, 17:33

lo tengo asi como me pasaste

<script type="text/javascript">
//<![CDATA[

function calcula(){
var cantidad = document.getElementById('CANTIDAD').value;
var cant = parseFloat(cantidad);
var precio = document.getElementById('PRECIO').innerHTML;
var prec = parseFloat(precio);
var subtotal = cant * prec;
var stotal = parseFloat(subtotal);//por las dudas
document.getElementById('SUBTOTAL').value = stotal
}

//]]>
</script>

devuelve NaN el subtotal.... me pasa el valor en el div se muestra x ej 5.99 si lo pongo fijo anda sino da NaN. gracias

faseb · #14 (**permalink**) 07/02/2013, 06:32

como puedo imprimir el valor devuelto por ajax xq a mi me muestra el valor pero no se si es el mismo que le pasa a js