Předpověď počasí
/**********************************************/
/*          Arduino - prezentace dat          */
/*        na  PC / tablet / SmartPhone        */
/*                 (9.9.2015)                 */
/**********************************************/

Konfigurace
	- Local Arduino Web Server & Public Web Support
	- Local Arduino Web Server & Port Forwarding & Public Web Support
	- Public PHP Web Server & Local Arduino Web Server & Port Forwarding
	- Public PHP Web Server & CSV/SQL Data Storage & Cron & Local Arduino Web Server & Port Forwarding
	- Public PHP Web Server & CSV/SQL Data Storage & Local Arduino Web Client & Arduino Timer


HTTP/1.0 200 OK\r\n
Content-Type: text/html\r\n
Refresh: 30\r\n
Pragma: no-cache\r\n
\r\n

<!DOCTYPE HTML>
<html lang="cs">
<head>
<meta name="viewport" content="width=1000, initial-scale=1.0">
<link rel="shortcut icon" href="http://web-support/arduino/favicon.ico" />
<link rel="apple-touch-icon" href="http://web-support/arduino/apple-touch-icon.png" />
<link rel="stylesheet" type="text/css" href="http://web-support/arduino/style.css" />
<script language="JavaScript" type="text/javascript" src="http://code.jquery.com/jquery-1.7.min.js"></script>
<script language="JavaScript" type="text/javascript" src="http://web-support/arduino/code.js"></script>
<title>Arduino - Local Web Server</title>
</head>
<body>
<p>404142434445464748494A4B4C4D4E4F</p>
</body>
</html>

// style.css
html, body, div, span, h1, h2, h3, h4, h5, h6, a, p, ul, li, form, fieldset, table {border: 0; margin: 0; padding: 0; outline: 0;}
body {position: relative; margin-left: 10px; margin-top: 10px; background-image: URL('bg.jpg');
      background-color: WhiteSmoke; background-attachment: fixed; color: black; font: normal 14px/1.5 Arial;}
div {width: 120px; padding: 10px; margin: 10px 50px; text-align: justify; color: blue; border: 1px solid gray;}

// code.js
$(document).ready(function(){

	var html = "";
	var data = $("p").text();
	
	if(data == "")
		data = "žádná data";

	alert("data: " + data);
	
	html  = "<h1>Project Name</h1>";
	html += "zpracovaná data: ... ";

	html += "<div>";
	for(var i=0;i<data.length/2;i++){
		html += String.fromCharCode(parseInt(data.substr(i*2, 2),16)) + "-";
		html += String.fromCharCode("0x" + data.substr(i*2, 2)) + " ";
	}
	html += "</div>";
	
	$("p").html(html);

});