Skip to content

Instantly share code, notes, and snippets.

@AndrewHenderson

AndrewHenderson/API_Boilerplate.html

Created December 29, 2012 01:27
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 AndrewHenderson/4403796 to your computer and use it in GitHub Desktop.
Save AndrewHenderson/4403796 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
API_Boilerplate.html
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<style type="text/css">
.container {
margin-top: 50px;
}
</style>
<title>API</title>
</head>
<body>
<div class="container">
<div class="row">
<div class="form-horizontal span9">
<div class="control-group">
<label class="control-label" for="inputName">Your Name:</label>
<div class="controls">
<input type="text" id="inputName" placeholder="Your Name">
</div>
</div>
<div class="control-group">
<div class="controls">
<button type="submit" id="submit" class="btn btn-warning">Submit</button>
</div>
</div>
</div>
<div id="output" class="span9">
<p></p>
</div>
</div>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.2/underscore-min.js"></script>
<script type="text/javascript">
// API
// ============================================= //
(function( window, document, undefined ) {
var api = {
sayHello: function( name ) {
var name = name || $('#inputName').val();
$('#output').append("<p>Hello, " + name + "</p>");
setTimeout(arguments.callee, 1000);
},
init: function( name ) {
this.start( name );
}
}
window.api = api;
})( window, document );
// Doc Ready
// ============================================= //
$(function(){
$('.container').on('click', '#submit', function(){
var name = $('#inputName').val();
api.sayHello(name);
});
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment