phiggins42/hello-dojo.html

## hello-dojo.html
<!DOCTYPE html>
<html>
<head>
    <title>SuperBasic Dojo Page</title>

    <!-- load dojo from a CDN -->
    <script src="http://o.aolcdn.com/dojo/1.4/dojo/dojo.xd.js"></script>
    <script>
        // document is ready for DOM action
        dojo.ready(function(){

            // update the title
            dojo.byId("header").innerHTML = "Hello, Dojo";

            // fetch this page via XHR
            dojo.xhrGet({
                url:window.location,
                load:function(data){
                    // add a new <p> explaining what is happeneing
                    dojo.place("<p>Here is the source of this page:</p>", "content", "before");
                    // set the <pre> tag content to the data after replacing <'s to html-entities
                    dojo.byId("content").innerHTML = data.replace(/</g, "&lt;");
                }
            });

            // make the <pre> tag prettier, should do this in CSS really.
            dojo.style("content", {
                backgroundColor:"#ededed",
                border:"1px solid #666",
                color:"#101010",
                padding:"18px"
            })

        });

    </script>
</head>
<body>
    <h1 id="header">Hello, World.</h1>
    <pre id="content"></pre>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>SuperBasic Dojo Page</title>

	<!-- load dojo from a CDN -->
	<script src="http://o.aolcdn.com/dojo/1.4/dojo/dojo.xd.js"></script>
	<script>
	// document is ready for DOM action
	dojo.ready(function(){

	// update the title
	dojo.byId("header").innerHTML = "Hello, Dojo";

	// fetch this page via XHR
	dojo.xhrGet({
	url:window.location,
	load:function(data){
	// add a new <p> explaining what is happeneing
	dojo.place("<p>Here is the source of this page:</p>", "content", "before");
	// set the <pre> tag content to the data after replacing <'s to html-entities
	dojo.byId("content").innerHTML = data.replace(/</g, "<");
	}
	});

	// make the <pre> tag prettier, should do this in CSS really.
	dojo.style("content", {
	backgroundColor:"#ededed",
	border:"1px solid #666",
	color:"#101010",
	padding:"18px"
	})

	});

	</script>
	</head>
	<body>
	<h1 id="header">Hello, World.</h1>
	<pre id="content"></pre>
	</body>
	</html>