Skip to content

Instantly share code, notes, and snippets.

@gsharp

gsharp/Live.html

Created August 7, 2009 21:00
Show Gist options
  • Save gsharp/164175 to your computer and use it in GitHub Desktop.
Save gsharp/164175 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Live.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<!-- used as an aid to quickly test proof of concept html in real time -->
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Live HTML</title>
<!--link rel="stylesheet" href="http://static.jquery.com/files/rocker/css/reset.css" type="text/css" / -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<link rel="shortcut icon" href="http://www.13elieve.com/favicon.ico" type="image/x-icon"/>
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery("#text-entry").keyup(function (){
jQuery("#output").html(jQuery("#text-entry").val());
});
});
</script>
<style type="text/css">
body#host-page {
margin: 10px;
font-family: monospace;
}
h2#text-entry-title {
margin-top: 30px
}
div#output {
border: 1px dashed #ccc;
width: 100%
height: 500px;
padding: 5px;
overflow: auto;
}
</style>
</head>
<body id="host-page">
<h1 id="output-title">Output:</h1>
<div id="output">Hello World!</div>
<h2 id="text-entry-title">Type html into this box to render the code above</h2>
<textarea rows="25" cols="100" id="text-entry">Start coding!</textarea>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment