index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>OR-WIFI-ROBOT</title>
    <link rel="stylesheet" type="text/css" href="res/main.css"/>
    <script type="text/javascript">
        var lastTurn = -1;
	var lastPress = -1;
        var lastPos = -1;

	function submitUART(uartString)
	{
	    document.getElementById('serialData').value=uartString;
            document.getElementById('serialForm').submit()
        

	};

        function scrollCam(val)
        {
            document.getElementById("scr").parentNode.scrollLeft=val;
	};

	function keyPressed(e)
	{
		var keynum
		var keychar
		var numcheck

		if(window.event) // IE
		{
		keynum = e.keyCode
		}
		else if(e.which) // Netscape/Firefox/Opera
		{
		keynum = e.which
		}
		keychar = String.fromCharCode(keynum);
		//submitUART(keychar);
		if(keychar == "w" || keychar == "ö" || keychar == "W" || keychar == "Ö") submitUART("W");
		if(keychar == "a" || keychar == "ō" || keychar == "A" || keychar == "Ō") submitUART("A");
		if(keychar == "s" || keychar == "ū" || keychar == "S" || keychar == "Ū") submitUART("S");
		if(keychar == "d" || keychar == "ā" || keychar == "D" || keychar == "Ā") submitUART("D");
		if(keychar == "l" || keychar == "ä" || keychar == "L" || keychar == "Ä") submitUART("l");
		return true;
	};

function keyUp(e)
	{
		var keynum
		var keychar
		var numcheck

		if(window.event) // IE
		{
		keynum = e.keyCode
		}
		else if(e.which) // Netscape/Firefox/Opera
		{
		keynum = e.which
		}
		keychar = String.fromCharCode(keynum);
		//submitUART(keychar);
		/*if(keychar == "w" || keychar == "ö" || keychar == "W" || keychar == "Ö") submitUART("w");
		if(keychar == "a" || keychar == "ō" || keychar == "A" || keychar == "Ō") submitUART("a");
		if(keychar == "s" || keychar == "ū" || keychar == "S" || keychar == "Ū") submitUART("s");
		if(keychar == "d" || keychar == "ā" || keychar == "D" || keychar == "Ā") submitUART("d");
		
		if(keychar == "w" || keychar == "ö" || keychar == "W" || keychar == "Ö") 
			{submitUART("w"); submitUART("w"); submitUART("w");}
		if(keychar == "a" || keychar == "ō" || keychar == "A" || keychar == "Ō") 
			{submitUART("a"); submitUART("a"); submitUART("a");}
		if(keychar == "s" || keychar == "ū" || keychar == "S" || keychar == "Ū") 
			{submitUART("s"); submitUART("s"); submitUART("s");}
		if(keychar == "d" || keychar == "ā" || keychar == "D" || keychar == "Ā") 
			{submitUART("d"); submitUART("d"); submitUART("d");}*/
		return true;
	};

	/*window.setInterval(
		function(){
			var pos = document.getElementById("scr").parentNode.scrollLeft;
			if(lastPos!=pos){
				submitUART("t");
				lastPos=pos;
			};
		},100
	);*/

    </script>
</head>
<body onKeyPress="return keyPressed(event)" onKeyUp="keyUp(event)" bgcolor="black" text="green">
<pre class="banner">
* <b>Made by <a href="http://open-robotics.ru/" target="_blank">Open-Robotics.ru</a></b>                       Powered by <a href="http://openwrt.org" target="_blank">OpenWrt.org</a> *
</pre>
<table align="center">

    <tr>
        <td>
            <script type="text/javascript">
                document.write("<img alt='Robot Eye' class='bot-eye' src='http://" + document.location.host + ":8080/?action=stream'/>")
            </script>
            <br/>
        </td>
     
        <td align="right">
            <hr style="width: 240px;margin-top: 15px">
	    Chassis control: W-Forward, A-Left, S-Backward, D-Right<br>
		<button type="button" onclick="submitUART('W')">Forward</button><br>
        <button type="button" onclick="submitUART('A')">Left</button>
        <button type="button" onclick="submitUART('l')">Light</button>
        <button type="button" onclick="submitUART('D')">Right</button><br>
        <button type="button" onclick="submitUART('S')">Backward</button>
              
            <hr style="width: 240px;margin-top: 15px">
            <form id="serialForm" action="cgi-bin/serial.cgi" method="POST" target="hidden">
                <label>Serial data:<br/>
                    <textarea id="serialData" name="SERIAL_DATA" rows="2" cols="20">TEST SERIAL</textarea>
                </label><br/>
                <input type="submit" value="Send">
            </form>
        </td>
    </tr>
</table>
<hr/>
<iframe name="hidden" src="/nothing.html" style="width: 1px;height: 1px;visibility: hidden"></iframe>

<a href="admin/index.html" >>Robot administration</a>
</body>
</html>