main.html of HummingBoard server

<!DOCTYPE html>

<html>
<head>
<title> My server </title>
<script type="text/javascript">
sensorPath = "temp1";

function update(name)
{
    //alert(document.getElementById(name).value);
    var value = document.getElementById(name).value;
    document.getElementById(name.concat('Val')).innerHTML = value;
    var xmlhttp = new XMLHttpRequest();
    name = '/' + name + '/' + value;//add the / around
    xmlhttp.open("GET", name, true);
    xmlhttp.send();
    //document.body.style.cursor = 'wait';
}
function updateValue()
{
    getImage();
    var rawFile = new XMLHttpRequest();
    if(sensorPath != "temp3")
    {

        rawFile.open("GET", sensorPath, false);
        rawFile.send(null);
        //alert(sensorPath);
        temperature = parseInt(rawFile.responseText);//to number
        if(temperature < 20)
        {
            document.getElementById("temperature").style.color = "Blue";
        }
        else if (temperature < 23)
        {
            document.getElementById("temperature").style.color = "Green";
        }
        else
        {
            document.getElementById("temperature").style.color = "Red";
        }
        document.getElementById("temperature").innerHTML = rawFile.responseText;

    }
    setTimeout('updateValue()',1000);
}
function getImage()
{
    var img = new XMLHttpRequest();
    img.open("GET","block_diagram.jpg",false);
    img.send(null);

}
function selectSensor(sensor)
{
    document.getElementById("image").style.visibility = "hidden";

    if (sensor == 'sen1')
    {
        sensorPath = 'temp1';
    }
    else if (sensor == 'sen2')
    {
        sensorPath = 'temp2';
    }
    else
    {
        document.getElementById("image").style.visibility = "visible";
    }
    if(sensor == 'sen1' || sensor == 'sen2')
    {
        var xmlhttp = new XMLHttpRequest();
        data = '/' + sensor;//add the / around
        xmlhttp.open("GET", data, true);
        xmlhttp.send();
    }

}

</script>
</head>
<body onLoad="updateValue()">
<form action = "#" method = "post" >
Control the leds!</br>
<input type = "range" id = "red" min = "0" max = "255" value = "0"  oninput = "update('red')">
<output id = "redVal" value = "0"></output></br>
<input type = "range" id = "green" min = "0" max = "255" value = "0"oninput = "update('green')">
<output id = "greenVal" value = "0"></output></br>
<input type = "range" id = "blue" min = "0" max = "255" value = "0" oninput = "update('blue')">
<output id = "blueVal" value = "0"></output></br>
<p style = "color:#1F0CF2">
Choose temperature sensor:<br>
</p>
<input type="radio" name="sensor" value="sensor1" onchange = "selectSensor('sen1')" checked> sensor1<br>
<input type="radio" name="sensor" value="sensor2" onchange = "selectSensor('sen2')"> sensor2<br>
<input type="radio" name="sensor" value="sensor3" onchange = "selectSensor('sen3')"> sensor3

</form>
The temperature is: <p id = "temperature" style = "font-size:300%"></p>
<div id = "image" style = "visibility:hidden"> <img src = "block_diagram.jpg" alt = "wut"></div>
</body>

</html>