0

数秒間非アクティブになった後に何を表示するかについてアドバイスを提供するツールチップを持つ Web サイトを構築しています。問題は、私が彼らを見せたくない特定の状況があるということです.

Web サイトには「ポップアップ」があります (z-index が変更された div タグのみ)。これらのタグが「表示されている」場合、ツール ヒントは必要ありません。divが特定のレベルにあるかどうかを確認するためにコードにできることはありますか、またはツールチップコードを実行しないコマンドを挿入することはできますか...

私のツールチップスクリプトは

<!-- JavaScript function to show/hide prompts after innactivity-->
<script type="text/javascript">
  $(document).ready(function(){ 
  var interval = 1;
setInterval(function(){
   if(interval == 9){
       $("div.container_prompts_timeout").show(); 
       interval = 1; 
   }
   interval = interval+1;
    console.log(interval);
},1000);

$(document).bind('mousemove keypress', function() {
    $("div.container_prompts_timeout").hide();
    interval = 1; 
});
 });
</script>

z-index を変更するために使用するコードは次のとおりです。

<!--Code to change z-index of background divs-->
<script type="text/javascript">
function changeZIndex(i,id) {
  document.getElementById(id).style.zIndex=i;
}
</script>

どうもありがとう

4

2 に答える 2

0

div の表示プロパティを使用して非表示にしたり表示したりしないのはなぜですか。そして、その状態を確認できます。何かのようなもの

var my_div = getElementById("my_div");// or use your jQuery if you wish

function show() {
    my_div.style.display = "block";
}

function hide() {
    my_div.style.display = "none";
}

function is_shown() {
    if (my_div.style.display == "none") return 0;
    return 1; // use booleans if you wish, I prefer old school :)
}
于 2013-09-26T14:20:52.557 に答える
0

あなたは出来る：

  • ツールチップを表示する前に、ポップアップが「表示」されているかどうかを確認するか、または
  • 表示されたら間隔をキャンセルし、非表示になったら再開します

個人的には、Z インデックスを使用して表示または非表示にすることはありません。それらを非表示にするには、実際の表示スタイル プロパティを「なし」に設定します。これにより、ツールチップを表示する前にこのプロパティを確認できます。要素の z-index を確認するのは少し面倒かもしれないからです。

于 2013-09-26T14:21:13.033 に答える