Automatic reading of arduino values WEBSERVER

Projects Discussion and Showcase Home Automation
17

Thanks for the answer. I've just self-learning arduino and never had a touch with Java/jQuery/AJAX. I've been reading some info about how usefull this languages are to almost real time refresh without refreshing the whole page. The thing is that i need an input or some example related to this project that i'm working for me to understand (and see) what are you talking about. If you could please "show me the way", i will be very thanked. I began learning arduino and a little html this month. :blush:

This is an simple example with java that probably can work in my project, but i need to know how to change the seconds with the ultrasonic sensor values. This exemple increases the height of water.gif every second.

<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script>
var myVar=setInterval(function(){myTimer()},1000);
var dynamic_height = 5;
function myTimer()
{
	var theImg = document.getElementById("water");
	var d = new Date();
	dynamic_height = 5 + (d.getSeconds()*3);
	theImg.height = dynamic_height;
}
function myStopFunction()
{
clearInterval(myVar);
}
</script>

<body>
<center>
<b>THIS IS THE TITLE</b>
<div style="position:relative; width:360; height:336">
<div style="position:absolute; top:0; left:0"><center><img name="tank" id="tank" src="tank.gif" width="360" height="336"></center></div>
<div style="position:absolute; bottom:6; left:22"><center><input type="image" name="water" id="water" src="water.gif" width="236" height="5">
</center></div>
</div>
</body></html>