'+'\n'+ t+ '
'+'\n'+ '\n'); return false; } /* * Return the style object for the element with the given ID. */ function object_get(name) { if (document.getElementById) { if (document.getElementById(name)) return document.getElementById(name).style; return false; } else if (document.all) { if (document.all[name]) return document.all[name].style; return false; } else if (document.layers) { return document.layers[name]; } else { return false; } } /* * Change the HTML content of the given element. */ function change_element_content(elem, content) { if (!content) content = ''; if (!elem) return; if (document.all) { elem.innerHTML = content; } else if (document.getElementById) { var r, h; r = document.createRange(); r.setStartBefore(elem); h = r.createContextualFragment(content); while (elem.hasChildNodes()) { elem.removeChild(elem.lastChild); } elem.appendChild(h); } } /* * Change the HTML content of the element with the given name. */ function change_content(elemname, content) { if (!elemname) return; if (document.getElementById) change_element_content(document.getElementById(elemname), content); } /* * Pop up the element with the given ID at the current pointer position. */ function popuphere(id, event, offsetX, offsetY) { var elem, scrollTop, scrollLeft, windowWidth, windowHeight, newLeft, newTop; elem = document.getElementById(id); if (!elem) return; scrollTop = document.body.scrollTop ? document.body.scrollTop : document.documentElement.scrollTop; scrollLeft = document.body.scrollLeft ? document.body.scrollLeft : document.documentElement.scrollLeft; windowWidth = document.body.clientWidth ? document.body.clientWidth : window.innerWidth; windowHeight = document.body.clientHeight ? document.body.clientHeight : window.innerHeight; /* * We position the context menu with its top left corner at the * pointer position, unless the height of the menu would take it off * the bottom of the visible screen, in which case we position it * with its bottom left corner at the pointer instead. * * In order to do this we need to calculate the height of the menu, * which can't be done (in Firefox) if it is "display: none", so we * have to set it to "visibility: hidden" and "display: block" * temporarily. In order to stop a scrollbar temporarily appearing * as a result of this, we first set the position to the top left of * the document before moving it to its correct place and then * finally making it visible. */ elem.style.top = '0px'; elem.style.left = '0px'; elem.style.visibility = 'hidden'; elem.style.display = 'block'; if (event.clientX + offsetX + elem.offsetWidth >= windowWidth) { newLeft = event.clientX + scrollLeft + offsetX - (event.clientX + elem.offsetWidth - windowWidth) - 30; } else { newLeft = event.clientX + scrollLeft + offsetX; } if (event.clientY + offsetY + elem.offsetHeight >= windowHeight) { newTop = event.clientY + scrollTop + offsetY - elem.offsetHeight; if (newTop + elem.offsetHeight + 5 - event.clientY > 0) { newTop -= (newTop + elem.offsetHeight + 5 - event.clientY); } } else { newTop = event.clientY + scrollTop + offsetY; } elem.style.left = new String(newLeft) + 'px'; elem.style.top = new String(newTop) + 'px'; elem.style.visibility = 'visible'; } /* * Show a tooltip pop-up with the given content in response to a mouse * event. */ function tooltip_show(event, content) { if (!object_get('tooltip')) { var elem; elem = document.createElement('div'); elem.id = 'tooltip'; document.body.insertBefore(elem,document.body.childNodes[0]); } change_content('tooltip', content); popuphere('tooltip', event, 20, 20); } /* * Hide the currently active tooltip. */ function tooltip_hide() { var tt; tt = object_get('tooltip'); if (tt) { tt.visibility = 'hidden'; tt.display = 'none'; } }