You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
2.0 KiB
55 lines
2.0 KiB
11 years ago
|
/**
|
||
|
|
* @file
|
||
|
|
* Triggers the display of a spinning icon when the form is submitted.
|
||
|
|
*/
|
||
|
|
(function ($) {
|
||
|
|
|
||
|
|
Drupal.behaviors.spinner = {
|
||
|
|
attach: function(context, settings) {
|
||
|
|
// Store what triggered the submit.
|
||
|
|
$('form').once('submit-resolver', function() {
|
||
|
|
$(this).click(function(event) {
|
||
|
|
$(this).data('clicked', $(event.target));
|
||
|
|
});
|
||
|
|
$(this).keypress(function(event) {
|
||
|
|
// On enter the first submit button is assumed as is most often the
|
||
|
|
// case and this is part of the HTML 5 specification, although some
|
||
|
|
// Browsers may choose the button with the lowest tab-index.
|
||
|
|
if (event.which == 13) {
|
||
|
|
$(this).data('clicked', $(':submit', this).first());
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
for (var base in settings.spinner) {
|
||
|
|
var id = '#' + base;
|
||
|
|
$(id, context).once('spinner', function () {
|
||
|
|
var spinner = new Spinner(settings.spinner[base].opts);
|
||
|
|
$(id).parents('form').one('submit', function(event) {
|
||
|
|
if ($(this).data('clicked').is(id)) {
|
||
|
|
event.preventDefault();
|
||
|
|
// Add Message.
|
||
|
|
var message = $('<div/>').text(settings.spinner[base].message);
|
||
|
|
$(id).after(message);
|
||
|
|
// Activate Spinner
|
||
|
|
spinner.spin(this);
|
||
|
|
// Submit the form after a set timeout, this handles problems with
|
||
|
|
// safari, in that safari submit's immediately..
|
||
|
|
$(':submit').attr('disabled', 'disabled');
|
||
|
|
setTimeout(function() {
|
||
|
|
// Allow for the button to be clicked, then click it then
|
||
|
|
// prevent the default behavoir.
|
||
|
|
$(id).removeAttr('disabled')
|
||
|
|
.click()
|
||
|
|
.click(function(event) {
|
||
|
|
event.preventDefault();
|
||
|
|
});
|
||
|
|
}, 500);
|
||
|
|
}
|
||
|
|
return true;
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
})(jQuery);
|