// Script Source: CodeLifter.com // Copyright 2003 // Do not remove this header /* STEP 2. Inserting The Layer Code In Your Page Insert the following code in the body of your page. It may be placed either immediately after the tag or immediately before the tag. This is essentially a couple of nested tables inside a

Colors and spacing are set with the usual table features (bgcolor, cellpadding). The width, height, left and top position are set in the style in the

tag. Likewise, if you want the layer to be initially invisible, set visibility:visible instead to visibility:hidden in the style. (To show or hide the layer from a JavaScript link function call see the following Step 3.) Your content goes in the commented area, as shown. It can be most any html code or text, though additional div or table tags within the designated content area should be done with care, and checked in all browser versions. To change the titlebar text, find the words Layer Title and replace them with your title. */ 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"); hotDog=isIE ? event.srcElement : e.target; 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); 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(){ if (isIE||isNN) whichDog.style.visibility="hidden"; else if (isN4) document.theLayer.visibility="hide"; if (document.myform)//clear form document.myform.reset(); } function showMe(){ if (isIE||isNN) whichDog.style.visibility="visible"; else if (isN4) document.theLayer.visibility="show"; if (feedback_body != '') document.getElementById('myspan').innerHTML = feedback_body; if (document.myform){//clear form document.myform.reset(); document.myform.additional_features.value = ""; document.myform.suggestion.value = ""; } } document.onmousedown=ddInit; document.onmouseup=Function("ddEnabled=false");