Google Chrome 27 でこの問題に気付きました
スタイル:
.hide-submit-text
{
background: url("/sites/default/files/images/throbber2.gif") no-repeat scroll right center transparent;
height: 25px;
line-height: 25px;
width: 98px;
}
JS コード (Hide Submit モジュールから Drupal 7 へ - https://drupal.org/project/hide_submit )
// Bind to form submit.
$('form', context).submit(function (e) {
if (! $form.hasClass('hideSubmitButton-processed')) {
return;
}
var settings = Drupal.settings.hide_submit;
var $inp;
if (!e.isPropagationStopped()) {
if (settings.hide_submit_method == 'disable') {
$('input.form-submit', $form).attr('disabled', 'disabled').each(function (i) {
var $button = $(this);
if (settings.hide_submit_css) {
$button.addClass(settings.hide_submit_css);
}
if (settings.hide_submit_abtext) {
$button.val($button.val() + ' ' + settings.hide_submit_abtext);
}
$inp = $button;
});
if ($inp && settings.hide_submit_atext) {
$inp.after('<span class="hide-submit-text">' + Drupal.checkPlain(settings.hide_submit_atext) + '</span>');
}
}
else {
var pdiv = '<div class="hide-submit-text' + (settings.hide_submit_hide_css ? ' ' + Drupal.checkPlain(settings.hide_submit_hide_css) + '"' : '') + '>' + Drupal.checkPlain(settings.hide_submit_hide_text) + '</div>';
if (settings.hide_submit_hide_fx) {
$('input.form-submit', $form).addClass(settings.hide_submit_css).fadeOut(100).eq(0).after(pdiv);
$('input.form-submit', $form).next().fadeIn(100);
}
else {
$('input.form-submit', $form).addClass(settings.hide_submit_css).hide().eq(0).after(pdiv);
}
}
// Add a timeout to rerset the buttons (if needed).
if (settings.hide_submit_reset_time) {
timeoutId = window.setTimeout(function() {
hideSubmitResetButtons(null, $form);
}, settings.hide_submit_reset_time);
}
}
return true;
});
});
背景は、高さなどのクロム css エディターの値を変更した後にのみ表示されます。前の値に戻っても背景は表示されますが、ライブで変更しないと機能しません。
.hide-submit-text 要素は、JS イベント (クリック) の後に表示されます
背景はgifアニメです。