Add all the source codes into the github.

author: root 2012-05-08 18:39:56 -0500
committer: root 2012-05-08 18:39:56 -0500
commit: ea46f42ee640928b92947bfb204c41a482d80937 (patch)
tree: 9b27a4eb852d12539b543c3efee9d2a47ef470f3 /web/images/tooltip.js
parent: 056b5253fc3857b0444382aa39944f6344dc1ceb (diff)
download: genenetwork2-ea46f42ee640928b92947bfb204c41a482d80937.tar.gz
1 files changed, 192 insertions, 0 deletions
diff --git a/web/images/tooltip.js b/web/images/tooltip.js
new file mode 100755
index 00000000..56687bdf
--- /dev/null
+++ b/web/images/tooltip.js
@@ -0,0 +1,192 @@
+ /**********************************************************
+ *             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);
+}
+
author	root	2012-05-08 18:39:56 -0500
committer	root	2012-05-08 18:39:56 -0500
commit	ea46f42ee640928b92947bfb204c41a482d80937 (patch)
tree	9b27a4eb852d12539b543c3efee9d2a47ef470f3 /web/images/tooltip.js
parent	056b5253fc3857b0444382aa39944f6344dc1ceb (diff)
download	genenetwork2-ea46f42ee640928b92947bfb204c41a482d80937.tar.gz