Enviar variable de input "onChange

[danidj5]

Hola a todos,
Soy novato en esto de la programación Javascript y me ha surgido esta complicación.
Nose si se tiene que hacer por Javascript o JQuery.

Quiero hacer un input, que al variar su valor (onChange) realize la función de recogerlo y de unir-lo a una cadena de texto (La url)
Después quiero abrir esta url en un iframe, de manera que cuando el imput cambie se envíe constantemente el valor por GET al iframe.

Esto es lo que tengo:

Código:

<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>
<input id="ip" name="ip" value="192.168."/><br />
  <input id="hab1" type="range" name="hab1" min="0" max="255" value="0" onchange="enviarvalores(hab1);"/>
  <input id="hab2" type="range" name="hab2" min="0" max="255" value="0" onchange="enviarvalores(hab2);"/>
 
  <script>
function enviarvalores(sensor){ 
   var ip = document.getElementById('ip');
   var valor = document.getElementById(sensor);

   parent.iframe.location.href="http://" + ip + ":42001/sensor-update=" + sensor + "=" + valor

}
  </script>
  <iframe id="iframe" scrolling="no" src="" frameborder="0" width="100%" allowtransparency="true"></iframe>

Muchas Gracias

[ocp001a]

jquery es, a final de cuentas, javascript.

Supongo que lo que tienes no te funciona por que no envías el nombro o id del campo como una cadena 'hab1' si no como una variable hab1.



<input id="hab1" type="range" name="hab1" min="0" max="255" value="0" onchange="enviarvalores('hab1');"/>

[danidj5]

Si, como tu decías lo tenia que enviar como cadena de texto.
Pero aún así me sigue sin funcionar... el iframe no reacciona.

Alguna otra idea?

[rodrigo791]

Me pregunto que es esto: var valor = document.getElementById(sensor);

1ero que nada var valor = document.getElementById('sensor'); asi es que van, te faltaron las comillas, y luego.. QUE ES SENSOR?
no veo ningún elemento con id = sensor

[ocp001a]

rodrigo791:

sensor es una variable que recibe la función con el nombre o valor que envia el evento onchange, por tanto no requiere comillas.

danidj5: primero haz un alert a la dirección que quieres y ve si está bien y funciona.

No recuerdo muy bien la forma de manejar frames padres e hijos ya que no los he usado en un muy largo tiempo. Sin embargo, creo que convendría mucho usar ajax, para no recargar frames si no divs, además de hacer más ágil las cargas, resultará más agradable al usuario.

[emprear]

Iniciado por danidj5

Si, como tu decías lo tenia que enviar como cadena de texto.
Pero aún así me sigue sin funcionar... el iframe no reacciona.

Alguna otra idea?

No estás recuperando los valores, solo identificando los elementos, debería ser

Código Javascript:

var ip = document.getElementById('ip').value;
var valor = document.getElementById(sensor).value;
 

Asi te va a cargar el iframe
De todas maneras no entiendo eso de usar una ip de solo 2 componentes, y el evento onchange no parecería en principio el más apropiado

Saludos

[danidj5]

No, la ip no es de solo dos componentes, sino que el usuario acaba de completar los dos que faltan (192.168.X.X).

Por el que hace en código, rectifico, no es:

Código Javascript:

valor = document.getElementById(sensor).value;
 

Sino...

Código Javascript:

valor = document.getElementById('hab1').value;
 

Error mio. El código quedaría así:

Código Javascript:

<input id="ip" name="ip" value="192.168."/><br />
  <input id="hab1" type="range" name="hab1" min="0" max="255" value="0" onchange="enviarvalores('hab1');"/>
  <script>
function enviarvalores(sensor){ 
   var ip = document.getElementById('ip').value;
   var valor = document.getElementById('hab1').value;
   
 parent.iframe.location.href="http://" + ip + ":42001/sensor-update=" + sensor + "=" + valor
 }
  </script>
  <iframe id="iframe" name="iframe" scrolling="no" src="" frameborder="0" width="100%" allowtransparency="true"></iframe>
 

Y el iframe me sigue sin responder.....

Emprear : Si onChange no es el evento apropiado.. cual sería entonces?

Alguna otra opción?

[emprear]

La script funciona, por supuesto que si los valores son esos, en el iframe se va a cargar una página de error de algún tipo

crea un documento html con esto y verificalo

Código HTML:

<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Html5</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
function enviarvalores(sensor){ 
var ip = document.getElementById('ip').value;
var valor = document.getElementById('hab1').value;
parent.iframe.location.href="http://" + ip + ":80/sensor-update=" + sensor + "=" + valor
}
//]]>
</script>
</head>
<body>
<input id="ip" name="ip" value="emprear.com"/><br />
<input id="hab1" type="range" name="hab1" min="0" max="255" value="0" onchange="enviarvalores('hab1');"/>
<iframe id="iframe" scrolling="no" src="about:blank" frameborder="1" width="100%" allowtransparency="true" name="iframe"></iframe>
</body>
</html>
 

Le reemplacé la ip por un valor válido y también el puerto en la url
por lo del evento, desonozco la aplicación, pero con onchange solo va a responder cuando el usuario modifique el valor y el input pierda el foco. Por ahi creando un boton y en este ejecutar la función onclick sería mejor, pero te repito, es un suposición porque no se como trabaja todo el conjunto.
Otro detalle, en este ejemplo solo usaste un input, si fuesen varios

var valor = document.getElementById('hab1').value;
deberia ser como antes
var valor = document.getElementById(sensor).value;

SAludos

[danidj5]

Si, lo he probado y funciona! Un poco lento de respuesta pero bien.

Gracias a todos y especialmente a ti emprear.