if (document.layers) { // Netscape document.captureEvents(Event.MOUSEMOVE); document.onmousemove = captureMousePosition; } else if (document.all) { // Internet Explorer document.onmousemove = captureMousePosition; } else if (document.getElementById) { // Netcsape 6 document.onmousemove = captureMousePosition; } // Global variables xMousePos = 0; // Horizontal position of the mouse on the screen yMousePos = 0; // Vertical position of the mouse on the screen xMousePosMax = 0; // Width of the page yMousePosMax = 0; // Height of the page function captureMousePosition(e) { if (document.layers) { // When the page scrolls in Netscape, the event's mouse position // reflects the absolute position on the screen. innerHight/Width // is the position from the top/left of the screen that the user is // looking at. pageX/YOffset is the amount that the user has // scrolled into the page. So the values will be in relation to // each other as the total offsets into the page, no matter if // the user has scrolled or not. xMousePos = e.pageX; yMousePos = e.pageY; xMousePosMax = window.innerWidth+window.pageXOffset; yMousePosMax = window.innerHeight+window.pageYOffset; } else if (document.all) { // When the page scrolls in IE, the event's mouse position // reflects the position from the top/left of the screen the // user is looking at. scrollLeft/Top is the amount the user // has scrolled into the page. clientWidth/Height is the height/ // width of the current page the user is looking at. So, to be // consistent with Netscape (above), add the scroll offsets to // both so we end up with an absolute value on the page, no // matter if the user has scrolled or not. xMousePos = window.event.clientX+document.documentElement.scrollLeft; yMousePos = window.event.clientY+document.documentElement.scrollTop; xMousePosMax = document.body.clientWidth+document.documentElement.scrollLeft; yMousePosMax = document.body.clientHeight+document.documentElement.scrollTop; } else if (document.getElementById) { // Netscape 6 behaves the same as Netscape 4 in this regard xMousePos = e.pageX; yMousePos = e.pageY; xMousePosMax = window.innerWidth+window.pageXOffset; yMousePosMax = window.innerHeight+window.pageYOffset; } } function OpenPopup(sender) { $.ajax({ type: "GET", url: sender.rel, cache: false, dataType: 'html', async: false, complete: function(data, status) { // get title name of the book element with id 'xyz' WritePopup(data.responseText); } }) ; } function WritePopup(data) { data = data.replace('','').replace('','').replace('','').replace('','').replace('\n','').replace('\r','').replace("",''); var newdiv = document.getElementById('AgreementPopup'); if(newdiv==null) { newdiv = document.createElement('div'); newdiv.setAttribute('id','AgreementPopup'); } newdiv.innerHTML = data; newdiv.style.top = yMousePos + 10 + 'px'; //alert(document.documentElement.scrollTop + "-" + yMousePos); if(xMousePosMax-xMousePos < 400) newdiv.style.left = xMousePos - 300 + 'px'; else newdiv.style.left = xMousePos - 50 + 'px'; newdiv.style.display = 'block'; document.body.appendChild(newdiv); } function ClosePopup() { var newdiv = document.getElementById('AgreementPopup'); if (newdiv != null) { newdiv.style.display = 'none'; } }