0

これは、「Views Popup」と呼ばれる drupal 6.x モジュールの JavaScript です。 https://drupal.org/project/views_popup

マウスがポップアップをトリガーするリンクから離れたときに、ポップアップに遅延を設定できないようです。ポップアップにはタイトル、ティーザー テキスト、その他のリンクがあり、ユーザーは「もっと読む」リンクをクリックするためにリンク (画像) からマウスを離すことができる必要があります。以下のコードのすべての設定を調整しようとしましたが、これに関連するものはないようです。私はコーダーではありませんが、これを機能させるには何かを追加する必要があると思います。どんな提案でも大歓迎です。

コードは次のとおりです。

var popup_time = 0;
var popup_elem = 0;
var popup_show_timer = 0;
var popup_reset_timer = 0;

$(function() {
  popup_reset();

  $(".views-popup").appendTo("body");
});

Drupal.behaviors.viewsPopup = function(context) {
  $(".views-popup-row").mouseover(function() {
      popup_show(this);
    })
    .mouseout(function() {
      popup_hide(this);
    })
    .mousemove(function(e) {
      popup_move(this,e);
    });
}

function popup_move(me,evt){
  var e, top, left;

  if (Drupal.settings.views_popup.follow_mouse){
    left = evt.pageX + 15;
    top = evt.pageY;

    $("#views-popup-" + $(me).attr("id")).css({
      left: left + 'px',
      top: top + 'px'
    });
  }
}


function popup_show(me) {
  var p, e, top, left, pos ;

  var x = $(me).attr("id");

  e = $("#views-popup-" + $(me).attr("id"));
  if (e == popup_elem) {
    return ; // already handled
  }

  if (! Drupal.settings.views_popup.follow_mouse){
    pos  = $(me).offset();
    left = 20 + pos.left - $(document).scrollLeft();
    top  =  2 + pos.top + $(me).outerHeight() - $(document).scrollTop();
    $(e).css({
      left: left + 'px',
      top:  top  + 'px'
    });
  }

  popup_clear_show_timer();

  if (popup_elem) {
    popup_elem.hide();
    popup_time = 500 ;
  }
  popup_elem = e;
  if ( popup_time == 0 ) {
    popup_show_now();
  } else {
    popup_show_timer = setTimeout("popup_show_now();",popup_time);
  }
}


function popup_show_now() {
  popup_show_timer = 0 ;

  if(popup_elem) {
    popup_elem.show();
    clearTimeout(popup_reset_timer);
    popup_time = 0;
  }
}

function popup_clear_show_timer(){
  if (popup_show_timer) {
    clearTimeout(popup_show_timer);
    popup_show_timer = 0;
  }
}

function popup_hide(me) {
  e = $("#views-popup-" + $(me).attr("id"));

  popup_clear_show_timer();
  clearTimeout(popup_reset_timer);

  e.hide();
  if(e == popup_elem) {
    popup_elem = 2;
  }
  popup_reset_timer = setTimeout('popup_reset()',Drupal.settings.views_popup.reset_time);
}

function popup_reset(){
  popup_time = Drupal.settings.views_popup.popup_delay;
}
4

1 に答える 1

0

したがって、上記のコードが希望どおりに機能し、ポップアップが非表示になるまでの遅延を設定したい場合、できることはミリ秒setTimeout(function, delay)後にコールバックを開始する JavaScript の関数を呼び出すことです。delay

function popup_hide(me) {
  e = $("#views-popup-" + $(me).attr("id"));

  popup_clear_show_timer();
  clearTimeout(popup_reset_timer);

  var delay = 1000; // ms
  setTimeout(e.hide, delay); // <------- here

  if(e == popup_elem) {
    popup_elem = 2;
  }
  popup_reset_timer = setTimeout('popup_reset()',Drupal.settings.views_popup.reset_time);
}

これにより、1 秒経過後に e.hide (関数) が呼び出されます。

于 2013-08-28T19:28:38.413 に答える