examples/example3.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="icon" type="image/x-icon" href="../images/favicon.ico" />
	<!-- bitwrench.js library examples  
		(c) M A Chatterjee
		deftio <at> deftio <dot> com
		web   :  http:deftio.com/bitwrench
		github:  http:github.com/deftio/bitwrench
	 -->
<script type="text/javascript" src="../bitwrench.js"></script>

</head>

<body class="bw-def-page-setup bw-font-sans-serif">
<div id="content"></div>
<script> // this page is written  in JSON-HTML.

	var jsonContent = [
		["h2", {style:"font-style:italic"},"This is the JSON content section"],
		"Some content is just a string...<br>",
		{c: [["span",{},"inside1 "],"inside string contnt 2","<br>",["p",{"style":"color:red"},"inside red content"]]},
		["p",{onclick:function(){alert("I was clicked!")}},"Some content which can be clicked."],

	]


	// this is the static content at the top of the page.
	var html = 
	{	t: "div",
		c:[
		["h2",{},"Bitwrench JSON Content demo"],
		"<br>",
		["p",{},"The JSON below this paragraph represents the page content.  The JSON can contain hierachal arrays or objects."],
		"<hr>",
		bw.htmlJSON(jsonContent),
		"<hr>",
		bw.html({c:jsonContent})
		]
	};


	bw.DOM("#content",bw.html(html));

</script>


</body>
</html>