Skip to content

Instantly share code, notes, and snippets.

@chrisjacob
Forked from zalun/fiddle.css
Created January 5, 2011 15:51
Show Gist options
  • Save chrisjacob/766485 to your computer and use it in GitHub Desktop.
Save chrisjacob/766485 to your computer and use it in GitHub Desktop.
body {
font-family: Helvetica, Verdana
}
p {
padding: 7px 10px;
}
#demo {
border: 1px solid #999;
}
<p>Result will appear below with 1 sec delay</p>
<div id="demo"><p>This text will be replaced</p></div>
<p><a href='http://doc.jsfiddle.net/use/gist_read.html' target='_new'>Documentation</a></p>
<p><a href='http://gist.github.com/606699/' target='_new'>Gist Demo</a></p>
window.addEvent('domready', function() {
new Request.HTML({
url: '/gh/gist/response.html/606699/',
data: {'delay': 1},
method: 'post',
update: 'demo',
onSuccess: function(response) {
$('demo').highlight();
}
}).send();
})
name: Request.HTML - jsFiddle/Gist integration demo
description: jsFiddle demo hosted on Gist using HTML Request to get Ajax data
authors:
- Piotr Zalewa
<p>This <span>content</span> is loaded from Gist via XHR request (<span>Ajax</span>)</p>
<p>It has also some <span>JavaScript</span> code which is setting the background for spans</p>
<script type='text/javascript'>
$$('#demo span').each(function(el) {
el.setStyle('backgroundColor', '#ffb');
});
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment