/*============================================================== Script: Amazing Draggable Layer Functions: This script implements a draggable layer that can be used much like a popup window... but with- out the usual focus problems that popups often imply. Also included are simple controls to show or hide the draggable layer. Compatible with NS4-7 & IE. Comments: The script is in two parts. A JavaScript in the head section of your page. There are no setups or changes required. // Script Source: CodeLifter.com // Copyright 2003 // Do not remove this header */ isIE=document.all; isNN=!document.all&&document.getElementById; isN4=document.layers; isHot=false; function ddInit(e) { topDog=isIE ? "BODY" : "HTML"; whichDog=isIE ? document.all.theLayer : document.getElementById("theLayer"); whichLay=isIE ? document.all.theMemLayer : document.getElementById("theMemLayer"); hotDog=isIE ? event.srcElement : e.target; if(hotDog!=null && hotDog.id!=null && hotDog.id!="" && hotDog.tagName!=null && hotDog.tagName!="") { while (hotDog.id!="titleBar"&&hotDog.tagName!=topDog){ hotDog=isIE ? hotDog.parentElement : hotDog.parentNode; } if (hotDog.id=="titleBar"){ offsetx=isIE ? event.clientX : e.clientX; offsety=isIE ? event.clientY : e.clientY; nowX=parseInt(whichDog.style.left); nowY=parseInt(whichDog.style.top); //alert(nowX); //alert(nowY); ddEnabled=true; document.onmousemove=dd; } } } function dd(e){ if (!ddEnabled) return; whichDog.style.left=isIE ? nowX+event.clientX-offsetx : nowX+e.clientX-offsetx; whichDog.style.top=isIE ? nowY+event.clientY-offsety : nowY+e.clientY-offsety; return false; } function ddN4(whatDog){ if (!isN4) return; N4=eval(whatDog); N4.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP); N4.onmousedown=function(e){ N4.captureEvents(Event.MOUSEMOVE); N4x=e.x; N4y=e.y; } N4.onmousemove=function(e){ if (isHot){ N4.moveBy(e.x-N4x,e.y-N4y); return false; } } N4.onmouseup=function(){ N4.releaseEvents(Event.MOUSEMOVE); } } function hideMe(eventId) { if (isIE||isNN) whichDog.style.visibility="hidden"; else if (isN4) document.theLayer.visibility="hide"; } function ietruebody(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function eventpopup(eventId,e) { var tempX = 0; var tempY = 0; var offset = 140; var offsety = 50; var obj=""; var objHolder = obj; var offseth = 100; var offsetxpoint=-10 //Customize x offset of tooltip var offsetypoint= 5 //Customize y offset of tooltip var curX=(isNN)?e.pageX : event.clientX+ietruebody().scrollLeft; var curY=(isNN)?e.pageY : event.clientY+ietruebody().scrollTop; var leftedge=curX-270; whichDog.style.left=leftedge+"px" whichDog.style.top = (curY-155) + 'px'; xmlreqPOST("eventPopUpListAction.action?eventIds="+eventId+"","theLayer"); if (isIE||isNN) whichDog.style.visibility="visible"; else if (isN4) document.theLayer.visibility="show"; } function workshopeventpopup(eventId,e) { var tempX = 0; var tempY = 0; var offset = 140; var offsety = 50; var obj=""; var objHolder = obj; var offseth = 100; var offsetxpoint=-10 //Customize x offset of tooltip var offsetypoint= 5 //Customize y offset of tooltip var curX=(isNN)?e.pageX : event.clientX+ietruebody().scrollLeft; var curY=(isNN)?e.pageY : event.clientY+ietruebody().scrollTop; var leftedge=curX-270; whichDog.style.left=leftedge+"px" whichDog.style.top = (curY-155) + 'px'; xmlreqPOST("workshopEventPopUpListAction.action?eventIds="+eventId+"","theLayer"); if (isIE||isNN) whichDog.style.visibility="visible"; else if (isN4) document.theLayer.visibility="show"; } function publicEventpopup(eventId,e) { var tempX = 0; var tempY = 0; var offset = 140; var offsety = 50; var obj=""; var objHolder = obj; var offseth = 100; var offsetxpoint=-10 //Customize x offset of tooltip var offsetypoint= 5 //Customize y offset of tooltip var curX=(isNN)?e.pageX : event.clientX+ietruebody().scrollLeft; var curY=(isNN)?e.pageY : event.clientY+ietruebody().scrollTop; var leftedge=curX-270; whichDog.style.left=leftedge+"px" whichDog.style.top = (curY-155) + 'px'; xmlreqPOST("/public/publicEventPopUpListAction.action?eventIds="+eventId+"","theLayer"); if (isIE||isNN) whichDog.style.visibility="visible"; else if (isN4) document.theLayer.visibility="show"; } function boeventpopup(eventId,e) { var tempX = 0; var tempY = 0; var offset = 140; var offsety = 50; var obj=""; var objHolder = obj; var offseth = 100; var offsetxpoint=-10 //Customize x offset of tooltip var offsetypoint= 5 //Customize y offset of tooltip var curX=(isNN)?e.pageX : event.clientX+ietruebody().scrollLeft; var curY=(isNN)?e.pageY : event.clientY+ietruebody().scrollTop; //alert(curX); if(curX<270) { var leftedge=curX-100; }else { var leftedge=curX-270; } whichDog.style.left=leftedge+"px" whichDog.style.top = (curY-15) + 'px'; xmlreqPOSTPopup("eventPopUpListBOAction.action?eventIds="+eventId+"","theLayer"); if (isIE||isNN) whichDog.style.visibility="visible"; else if (isN4) document.theLayer.visibility="show"; } function eventpopuppromote(eventId,e) { var tempX = 0; var tempY = 0; var offset = 140; var offsety = 50; var obj=""; var objHolder = obj; var offseth = 100; var offsetxpoint=-10 //Customize x offset of tooltip var offsetypoint= 5 //Customize y offset of tooltip var curX=(isNN)?e.pageX : event.clientX+ietruebody().scrollLeft; var curY=(isNN)?e.pageY : event.clientY+ietruebody().scrollTop; if(curX<270) { var leftedge=curX-150; }else { var leftedge=curX-270; } whichDog.style.left=leftedge+"px" whichDog.style.top = (curY-15) + 'px'; xmlreqPOSTPopup("eventPopUpListBOPromoteAction.action?eventIds="+eventId+"","theLayer"); if (isIE||isNN) whichDog.style.visibility="visible"; else if (isN4) document.theLayer.visibility="show"; } function eventpopupcommunity(eventId,e) { var tempX = 0; var tempY = 0; var offset = 140; var offsety = 50; var obj=""; var objHolder = obj; var offseth = 100; var offsetxpoint=-10 //Customize x offset of tooltip var offsetypoint= 5 //Customize y offset of tooltip var curX=(isNN)?e.pageX : event.clientX+ietruebody().scrollLeft; var curY=(isNN)?e.pageY : event.clientY+ietruebody().scrollTop; if(curX<270) { var leftedge=curX-150; }else { var leftedge=curX-270; } whichDog.style.left=leftedge+"px" whichDog.style.top = (curY-15) + 'px'; // displayObject( objHolder, true );*/ xmlreqPOSTPopup("eventPopUpListBOCommunityAction.action?eventIds="+eventId+"","theLayer"); if (isIE||isNN) whichDog.style.visibility="visible"; else if (isN4) document.theLayer.visibility="show"; } function statisticspopup(memberId,e) { var tempX = 0; var tempY = 0; var offset = 140; var offsety = 50; var obj=""; var objHolder = obj; var offseth = 100; var offsetxpoint=-10 //Customize x offset of tooltip var offsetypoint= 5 //Customize y offset of tooltip var curX=(isNN)?e.pageX : event.clientX+ietruebody().scrollLeft; var curY=(isNN)?e.pageY : event.clientY+ietruebody().scrollTop; var leftedge=curX+20; whichDog.style.left=leftedge+"px" whichDog.style.top = (curY-100) + 'px'; xmlreqPOST("/pages/statistics/memberconnectionstatuspopup.jsp?memberId="+memberId,"theLayer"); if (isIE||isNN) whichDog.style.visibility="visible"; else if (isN4) document.theLayer.visibility="show"; } function memberSearchPopup(memberId,e) { var tempX = 0; var tempY = 0; var offset = 140; var offsety = 50; var obj=""; var objHolder = obj; var offseth = 100; var offsetxpoint=-10 //Customize x offset of tooltip var offsetypoint= 5 //Customize y offset of tooltip var curX=(isNN)?e.pageX : event.clientX+ietruebody().scrollLeft; var curY=(isNN)?e.pageY : event.clientY+ietruebody().scrollTop; var leftedge=curX+20; whichLay.style.left=leftedge+"px" whichLay.style.top = (curY-100) + 'px'; xmlreqPOST("/memberdetailpopup.jsp?memberId="+memberId,"theMemLayer"); if (isIE||isNN) whichLay.style.visibility="visible"; else if (isN4) document.theMemLayer.visibility="show"; } function memberGloSearchPopup(memberId,e) { var tempX = 0; var tempY = 0; var offset = 140; var offsety = 50; var obj=""; var objHolder = obj; var offseth = 100; var offsetxpoint=-10 //Customize x offset of tooltip var offsetypoint= 5 //Customize y offset of tooltip var curX=(isNN)?e.pageX : event.clientX+ietruebody().scrollLeft; var curY=(isNN)?e.pageY : event.clientY+ietruebody().scrollTop; var leftedge=curX+20; whichLay.style.left=leftedge+"px" whichLay.style.top = (curY-10) + 'px'; xmlreqPOST("/memberdetailpopup.jsp?memberId="+memberId,"theMemLayer"); if (isIE||isNN) whichLay.style.visibility="visible"; else if (isN4) document.theMemLayer.visibility="show"; } function hideMemPopup(eventId) { if (isIE||isNN) whichLay.style.visibility="hidden"; else if (isN4) document.theMemLayer.visibility="hide"; } document.onmouseover=ddInit; document.onmouseout=Function("ddEnabled=false");