11-10-2013, 11:27 PM
Buenas, a ver si alguien me puede echar un cable con esto, es del abc de javascript, pero yo soy nulo programando, soy más de hardware
Estoy haciendo una interface en html5 para el arduino, y ya puedo cambiar el modo de los pines, activarlos y desactivarlos en digital, o setearlos en analógico por REST. Ahora toca poder leerlos, y el arduino me los devuelve sin problema, en un json tal que así:
Indica que el pin 9,11,y 10 están a 255.
El html de pruebas es este:
este es el dichoso trozo que se me atraganta:
Y funciona ok y me devuelve los valores en una tabla, pero solo los valores, así
El problema es que no se cual es cual, y no consigo traerme el Dx de la cadena json. Mientras no pueda hacer esto, no me puedo plantear crear las variables para poder usar bien marcadores, gráficas etc...
Alguien que controle jquery o json que me eche un cable? Se que es bastante fácil, pero llevo varios días atrapado en este punto.
Una fotillo de como está ahora:
Alguien que se anime a echar una mano? La interface en cuanto la tenga terminada la liberaré para que la reaproveche el que quiera. Los botones los voy a cambiar por unos knobs o sliders bonitos, ahora uso ajax para atacar por rest al arduino sin recargar la página.
Tiene tambén un apartado para ver la webcam conectada al arduino, por lo que puede ser una buena maqueta para hacer interfaces para robots o domótica y vigilancia.
Salu2
Estoy haciendo una interface en html5 para el arduino, y ya puedo cambiar el modo de los pines, activarlos y desactivarlos en digital, o setearlos en analógico por REST. Ahora toca poder leerlos, y el arduino me los devuelve sin problema, en un json tal que así:
Código:
{"value":{"D9":"250","D11":"250","D10":"250"},"response":"get"}
Indica que el pin 9,11,y 10 están a 255.
El html de pruebas es este:
Código:
<title>Test JSON query @rduino </title>
</head>
<body>
<div id="placeholder"></div>
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script>
$.getJSON('/data/get/', function(data) {
var output="<ul>";
for (var i in data.value) {
output+="<li>" + data.value[i] + "</li>";
}
output+="</ul>";
document.getElementById("placeholder").innerHTML=output;
});
</script>
</body>
</html>
este es el dichoso trozo que se me atraganta:
Código:
for (var i in data.value) {
output+="<li>" + data.value[i] + "</li>";
Y funciona ok y me devuelve los valores en una tabla, pero solo los valores, así
- 255
255
255
El problema es que no se cual es cual, y no consigo traerme el Dx de la cadena json. Mientras no pueda hacer esto, no me puedo plantear crear las variables para poder usar bien marcadores, gráficas etc...
Alguien que controle jquery o json que me eche un cable? Se que es bastante fácil, pero llevo varios días atrapado en este punto.
Una fotillo de como está ahora:
Alguien que se anime a echar una mano? La interface en cuanto la tenga terminada la liberaré para que la reaproveche el que quiera. Los botones los voy a cambiar por unos knobs o sliders bonitos, ahora uso ajax para atacar por rest al arduino sin recargar la página.
Tiene tambén un apartado para ver la webcam conectada al arduino, por lo que puede ser una buena maqueta para hacer interfaces para robots o domótica y vigilancia.
Salu2