iframe-proxy | Sunbelt Computer Software

59 lines (39 loc) · 914 Bytes

<!doctype html>
	<title></title>
	<link rel="stylesheet" href="style.css">
<div class="container grid">
		<h2>HTML</h2>
		<textarea id="html"></textarea>
		<h2>CSS</h2>
		<textarea id="css"></textarea>
<div class="output grid">
	<iframe></iframe>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script src="http://localhost:35729/livereload.js"></script>
(function() {
	$('.grid').height( $(window).height() );	
	var	contents = $('iframe').contents(),
		body = contents.find('body'),
		styleTag = $('<style></style>').appendTo(contents.find('head'));
	$('textarea').keyup(function() {
		var $this = $(this);
		if ( $this.attr('id') === 'html') {
			body.html( $this.val() );
			// it had to be css
			styleTag.text( $this.val() );

Sunbelt Computer Software

PL/B Language Development and Support

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Sunbelt Computer Software

PL/B Language Development and Support

Uh oh!

FilesExpand file tree

iframe.html

Latest commit

History

iframe.html

File metadata and controls