Skip to content

Instantly share code, notes, and snippets.

@shazmoh
Forked from zalun/fiddle.css
Created May 2, 2011 18:43
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save shazmoh/952118 to your computer and use it in GitHub Desktop.
Save shazmoh/952118 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();
})
*/
dojo.addOnLoad(function(){
var deferred = dojo.xhrPost({
url: "/gh/gist/response.html/952118/",
handleAs:"json",
postData: {'delay': 1}
});
dojo.when(deferred, function(results){
dojo.byId("resultsContainer").innerHTML = ""+results;
});
});
name: Request.HTML - jsFiddle/Gist integration demo
description: jsFiddle demo hosted on Gist using HTML Request to get Ajax data
authors:
- Piotr Zalewa
resources:
- /js/empty.js
- /css/normalize.css
normalize_css: no
<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