1

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アニメです。

4

0 に答える 0