2013-09-26 3 views
0

몇 초 동안 사용하지 않으면 표시 할 작업에 대한 조언을 제공하는 툴팁이있는 웹 사이트를 만들고 있습니다. 문제는 그 사람들이 나타나기를 원하지 않을 때입니다.자바 스크립트 기능 끄기

웹 사이트에 '팝업'(Z- 색인이 변경된 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- 인덱스를 변경하는 데 사용하는 코드는 다음과 같습니다

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

많은 감사

+0

jquery UI에는 요소의 zindex를 반환하는 zindex() 함수가 있습니다. 이를 사용하여 zindex를 얻고 툴팁을 표시할지 여부를 결정할 수 있습니다. – andrewb

답변

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 :) 
} 
0

같은 뭔가 그럴 수 다음 팝업이 툴팁을 표시하기 전에 "볼", 또는 그들은 가시가 그들이 숨겨져있는 때를 다시 시작할 때이

  • 이 간격을 취소

    • 확인하는 경우

    개인적으로 개인을 표시하거나 숨기려면 z- 색인을 사용하지 않습니다. 실제 표시 스타일 속성을 'none'으로 설정하여 숨길 수 있습니다. 요소의 z- 인덱스를 검사하는 것이 다소 번거롭기 때문에 툴팁을 표시하기 전에이 속성을 확인할 수 있습니다.