Mitja Guštin gustinmi

## jsmicrotmpl.js
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>templator</title>
    <style type="text/css">
    #content {
        padding: 5px;

## storage.js
//Boiler plate code is usually consisted of simple patterns. Once you master them, there is no need for readability. It should be as compact as possible, to preserve space for the real implementation  code. For example:

// adding interface "storage" to namespace "AppHtml5"

if (window.AppHtml5)
    window.AppHtml5.storage = { "save" : {}, "load" : {}};
else {
    window.AppHtml5 = {};
    window.AppHtml5.storage = {};
    window.AppHtml5.storage = { "save" : {}, "load" : {}};

## tests.html
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>Tests </title>
    <style type="text/css">
        div.results b {
            color: green;
        }
        div.results b[class='err'] {

## logger.js
/**
 * Simple logging framwork
 * Supports Chrome or Firefox
 * Usage:
 *
 * AppHtml5.log.info('Dropdown value changed to something new!');
 *
 */

//create logging functions

## gist:4952465

//This is the extension function for table plugin (My params are array of key value pairs). Make this script available to your //web page which is utilizing the table plugin

$.fn.dataTableExt.oApi.fnReloadAjax = function (oSettings, sNewSource, myParams ) {
if ( oSettings.oFeatures.bServerSide ) {
    oSettings.aoServerParams = [];
    oSettings.aoServerParams.push({"sName": "user",
        "fn": function (aoData) {
            for (var i=0;i<myParams.length;i++){
            aoData.push( {"name" : myParams[i][0], "value" : myParams[i][1]});

## timeline.html
<!DOCTYPE html>
<html>
<head>
    <title>Creating simple page navigator with remote pages</title>
    <style type="text/css">
        div.viewport {
            position: relative;
            border-collapse: collapse;
            width: 800px;
            height: 200px;

## html5template.html
<!DOCTYPE html>
<html>
  <head>
  	<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>HTML5Template</title>
		<style type="text/css">
		html, body { height: 100%; width: 100%; }  /* occupy whole viewport.  */
		body,div,p {
		 	/* css reset techique; We are resetting the UserAgent (browser) style  */

## gist:204c5c7c268ece7f4d316fb474f7cb7a
var myStyle = function getStyle(className_) {

        var styleSheets = window.document.styleSheets;
        var styleSheetsLength = styleSheets.length;
        for(var i = 0; i < styleSheetsLength; i++){
            var classes = styleSheets[i].rules || styleSheets[i].cssRules;
            if (!classes)
                continue;
            var classesLength = classes.length;
            for (var x = 0; x < classesLength; x++) {

## storage.js
/**
 *
 * Component for utilizing local storage. It provides backup plan, if no WebStorage is available on client
 *
 *We support html5 storage, and cookie store if webStorage is not available.
 *
 *Cookies
 * Are for older browsers only. A "session" cookie (one without expiration data) is available in all windows
 * that have access to that domain until the browser is shut down. This is bad.
 * 4096 chars limit

## HttpClient.java
package http;


import java.io.*;
import java.net.HttpURLConnection;
import java.net.Proxy;
import java.net.URL;
import java.util.logging.Level;
import java.util.logging.Logger;
import moped.common.Utils;
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>templator</title>
	<style type="text/css">
	#content {
	padding: 5px;
	//Boiler plate code is usually consisted of simple patterns. Once you master them, there is no need for readability. It should be as compact as possible, to preserve space for the real implementation code. For example:

	// adding interface "storage" to namespace "AppHtml5"

	if (window.AppHtml5)
	window.AppHtml5.storage = { "save" : {}, "load" : {}};
	else {
	window.AppHtml5 = {};
	window.AppHtml5.storage = {};
	window.AppHtml5.storage = { "save" : {}, "load" : {}};
	/**
	* Simple logging framwork
	* Supports Chrome or Firefox
	* Usage:
	*
	* AppHtml5.log.info('Dropdown value changed to something new!');
	*
	*/

	//create logging functions

	//This is the extension function for table plugin (My params are array of key value pairs). Make this script available to your //web page which is utilizing the table plugin

	$.fn.dataTableExt.oApi.fnReloadAjax = function (oSettings, sNewSource, myParams ) {
	if ( oSettings.oFeatures.bServerSide ) {
	oSettings.aoServerParams = [];
	oSettings.aoServerParams.push({"sName": "user",
	"fn": function (aoData) {
	for (var i=0;i<myParams.length;i++){
	aoData.push( {"name" : myParams[i][0], "value" : myParams[i][1]});
	var myStyle = function getStyle(className_) {

	var styleSheets = window.document.styleSheets;
	var styleSheetsLength = styleSheets.length;
	for(var i = 0; i < styleSheetsLength; i++){
	var classes = styleSheets[i].rules \|\| styleSheets[i].cssRules;
	if (!classes)
	continue;
	var classesLength = classes.length;
	for (var x = 0; x < classesLength; x++) {
	/**
	*
	* Component for utilizing local storage. It provides backup plan, if no WebStorage is available on client
	*
	*We support html5 storage, and cookie store if webStorage is not available.
	*
	*Cookies
	* Are for older browsers only. A "session" cookie (one without expiration data) is available in all windows
	* that have access to that domain until the browser is shut down. This is bad.
	* 4096 chars limit
	package http;


	import java.io.*;
	import java.net.HttpURLConnection;
	import java.net.Proxy;
	import java.net.URL;
	import java.util.logging.Level;
	import java.util.logging.Logger;
	import moped.common.Utils;