Skip to content

Instantly share code, notes, and snippets.

@speedlight
Forked from nextroy/custom.js
Created July 18, 2013 17:35
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 speedlight/6031271 to your computer and use it in GitHub Desktop.
Save speedlight/6031271 to your computer and use it in GitHub Desktop.
$(document).ready(function() {
// Support for AJAX loaded modal window.
// Focuses on first input textbox after it loads the window.
$('[data-toggle="modal"]').bind('click',function(e) {
e.preventDefault();
var url = $(this).attr('href');
if (url.indexOf('#') == 0) {
$('#response_modal').modal('open');
} else {
$.get(url, function(data) {
$('#response_modal').html(data);
$('#response_modal').modal();
}).success(function() { $('input:text:visible:first').focus(); });
}
});
});
<a href="/url/to/load/modal_window.htm" data-toggle="modal">link</a>
<div id="response_modal" class="modal hide fade"></div>
<div class="modal-header">
<a class="close" data-dismiss="modal">&times;</a>
<h3>Modal header 2</h3>
</div>
<div class="modal-body">
<p>One body...</p>
</div>
<div class="modal-footer">
<a class="btn btn-primary">Save Changes</a>
<a class="btn" data-dismiss="modal">Close</a>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment