luisdalmolin/index.html

## index.html
<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Carregando GIST's por ajax</title>

    <style type="text/css">
    body {
        font-family: Helvetica, sans-serif;
        font-size: 13px;
        margin: 10px; }
    </style>
    <link rel="stylesheet" href="https://gist.github.com/stylesheets/gist/embed.css" type="text/css" />

    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.gist.js"></script>
</head>
<body>
    <h1>Carregando Gist's por ajax</h1>

    <div data-gist="2951945"></div>

    <script type="text/javascript">
    (function() {
        $().loadGists();
    })();
    </script>
</body>
</html>

## jquery.gist.js
/*
    Carregando os gists por ajax
    Author: Luís Dalmolin <luis@escape.ppg.br>
*/

;(function ( $, window, undefined ) {
    // carregando os gists
    $.fn.loadGists = function( options )
    {
        // sobreescrevendo os defaults
        var opt  = $.extend( $.fn.loadGists.options, options );

        $( opt.element ).each(function(){
            var $this = $(this),
                id    = $this.attr('data-gist'),
                url   = 'https://gist.github.com/' + id + '.json';

            // mensagem de load
            $this.html('Carregando gist ' + url + ' ...');

            // buscando o GIST
            $.ajax({
                url      : url,
                dataType : 'jsonp',
                timeout  : 10000,
                success: function(response) {
                    if( response && response.div ) {
                        // adicionando o conteudo
                        $this.html( response.div );
                    }
                },
                error: function(){
                    $this.html('Erro ao carregar o GIST ' + url);
                }
            });
        });
    }

    // defaults
    $.fn.loadGists.options = {
        element : '[data-gist]'
    }
}(jQuery, window));
	<!DOCTYPE HTML>
	<html lang="en-US">
	<head>
	<meta charset="UTF-8">
	<title>Carregando GIST's por ajax</title>

	<style type="text/css">
	body {
	font-family: Helvetica, sans-serif;
	font-size: 13px;
	margin: 10px; }
	</style>
	<link rel="stylesheet" href="https://gist.github.com/stylesheets/gist/embed.css" type="text/css" />

	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/jquery.gist.js"></script>
	</head>
	<body>
	<h1>Carregando Gist's por ajax</h1>

	<div data-gist="2951945"></div>

	<script type="text/javascript">
	(function() {
	$().loadGists();
	})();
	</script>
	</body>
	</html>
	/*
	Carregando os gists por ajax
	Author: Luís Dalmolin <luis@escape.ppg.br>
	*/

	;(function ( $, window, undefined ) {
	// carregando os gists
	$.fn.loadGists = function( options )
	{
	// sobreescrevendo os defaults
	var opt = $.extend( $.fn.loadGists.options, options );

	$( opt.element ).each(function(){
	var $this = $(this),
	id = $this.attr('data-gist'),
	url = 'https://gist.github.com/' + id + '.json';

	// mensagem de load
	$this.html('Carregando gist ' + url + ' ...');

	// buscando o GIST
	$.ajax({
	url : url,
	dataType : 'jsonp',
	timeout : 10000,
	success: function(response) {
	if( response && response.div ) {
	// adicionando o conteudo
	$this.html( response.div );
	}
	},
	error: function(){
	$this.html('Erro ao carregar o GIST ' + url);
	}
	});
	});
	}

	// defaults
	$.fn.loadGists.options = {
	element : '[data-gist]'
	}
	}(jQuery, window));