diff options
Diffstat (limited to 'web/images/tooltip.js')
-rwxr-xr-x | web/images/tooltip.js | 192 |
1 files changed, 0 insertions, 192 deletions
diff --git a/web/images/tooltip.js b/web/images/tooltip.js deleted file mode 100755 index 56687bdf..00000000 --- a/web/images/tooltip.js +++ /dev/null @@ -1,192 +0,0 @@ - /********************************************************** - * Popup Window Definition Part * - * * - * To add a popup window, add a string definition below. * - * To include the item in the printing friendly page, * - * modify the longStr by adding the item to it. * - * Don't change anything else. * - **********************************************************/ - -var htmlOpener = "<html><head><title>Tooltip and Popup Window Demo</title>"+ - "</head><body bgcolor='navyblue'><p>" -var htmlCloser = "</body></html>" - - demo1 = "<center><b>Title Here.</b></center><p>It is fun. Don't forget to put a line break here.<p>" - - demo2 = "No title in this window. Just plain text.<p>" - - demo3 = "How much is a picture worth? <p><center><img src='corr.gif'>"+ - "</center><p>" - -/****END OF STRING DEFINITION*****/ - - var popupWin - var wholeWin - function popup(term) // write corresponding content to the popup window - { - popupWin = window.open("", "puWin", "width=480,height=200,scrollbars,dependent,resizable"); - popupWin.document.open("text/html", "replace"); - popupWin.document.write(htmlOpener); - popupWin.document.write(term); - popupWin.document.write(htmlCloser); - popupWin.document.close(); // close layout stream - popupWin.focus(); // bring the popup window to the front - } - - function closeDep() { - if (popupWin && popupWin.open && !popupWin.closed) popupWin.close(); - if (wholeWin && wholeWin.open && !wholeWin.closed) wholeWin.close(); - - } - - -/***********************END OF FUNCTION POPUP******************************/ - - function printwhole() - { - longStr ="<center><h2>Annotated Output for Proc Univariate</h2></center>"; - longStr += demo1 + demo2 + demo3; - - wholeWin = window.open("","wWin", "width=800,height=500,dependent=yes,scrollbars=yes,resizable=yes,toolbar=yes,menubar=yes"); - wholeWin.document.open("text/html","replace"); - wholeWin.document.write(htmlOpener); - wholeWin.document.write(longStr); - wholeWin.document.write(htmlCloser); - wholeWin.document.close(); - wholeWin.focus();} - -/*******End of popup window stuff*********/ - - -/***************************Tooltip Part Begins***************************/ - var style = ((NS4 && document.test) || IE4) ? 1 : 0; - var timerID = null; - var padding = 3; // < 4 recommended - var bgcolor = "beige"; - var borWid = 1; // for no border, assign null - var borCol = "#0000cc"; - var borSty = "solid"; - var str = "<STYLE TYPE='text/css'>"; - - str += ".tooltip {"; - str += "position: absolute;"; - str += "visibility: hidden;"; - str += "left: 0; top: 0;"; - - if (borWid > 0) { // if a border is specified - - str += "border-width: " + borWid + ";"; - str += "border-color: " + borCol + ";"; - str += "border-style: " + borSty + ";"; - -} - - if (NS4) { - - if (borWid > 0 && padding <= 3) { - str += "padding: 0;"; - str += "layer-background-color: " + bgcolor + ";"; } - - else if (borWid > 0 && padding > 3) { - str += "padding: " + (padding - 3) + ";"; - str += "background-color: " + bgcolor + ";"; - - } else if (borWid == 0) { - str += "padding: " + padding + ";"; - str += "layer-background-color: " + bgcolor + ";"; - - } - -} else { - str += "padding: " + padding + ";"; - str += "background-color: " + bgcolor + ";"; -} - - str += "}"; - str += "</STYLE>"; - - - if (style) { - document.write(str); - if (NS4) window.onload = init; -} - -/************************************************** -* Making your tooltip text here * -* This is the only place that need to be modified.* -* The first argument is the name of the tooltip. * -* The second argument is the width and last one * -* is the content of the tooltip. * -**************************************************/ - - -makeEl("map", 200, "<font size=3>This will do an interval regression using your data against the chromosome you just selected </font>"); -makeEl("chrs", 200, "<font size=3>This will allow you to choose the chromosome you want to do the interval mapping</font>"); -makeEl("normal", 200, "<font size=3>This will generate a graph to assess if your data is normally distributed</font>"); -makeEl("link", 200, "<font size=3>This will do a Marker Regression using your data.</font>"); -makeEl("save", 200, "<font size=3>This will save the data you just input into a text file</font>"); - - -/*************************End of making tooltip text*************************/ - -function init() { - setTimeout("window.onresize = redo", 1000); -} - -function redo() { - window.location.reload(); -} - -function makeEl(id, width, code) { - if (!style) return; - - var str = "<STYLE TYPE='text/css'>"; - str += "#" + id + " {"; - str += "width: " + width + ";"; - str += "}"; - str += "</STYLE>"; - str += "<DIV CLASS='tooltip' ID='" + id + "'><center>" + code + "</center></DIV>"; - - document.write(str); -} - -function displayEl(left, top) { - - if (NS4) document.releaseEvents(Event.MOUSEMOVE); - document.onmousemove = null; - var whichEl = (NS4) ? document[active] : document.all[active].style; - whichEl.left = left; - whichEl.top = top; - whichEl.visibility = (NS4) ? "show" : "visible"; -} - -function clearEl() { - - if (!style) return; - var whichEl = (NS4) ? document[active] : document.all[active].style; - whichEl.visibility = (NS4) ? "hide" : "hidden"; - active = null; - - if (timerID) clearTimeout(timerID); - if (NS4) document.releaseEvents(Event.MOUSEMOVE); - document.onmousemove = null; - -} - -function activateEl(id, e) { - if (!style) return; - active = id; - - if (NS4) document.captureEvents(Event.MOUSEMOVE); - document.onmousemove = checkEl; - checkEl(e); - - } - -function checkEl(e) { - if (timerID) clearTimeout(timerID); - var left = (NS4) ? e.pageX : event.clientX + document.body.scrollLeft; - var top = (NS4) ? e.pageY + 20 : event.clientY + document.body.scrollTop + 20; - timerID = setTimeout("displayEl(" + left + ", " + top + ")", 300); -} - |