Team:UNIK Copenhagen/test
From 2014.igem.org
(Difference between revisions)
(Created page with "<html> <iframe width="600" height="430" src="//www.cincopa.com/media-platform/iframe.aspx?fid=AAAAT2L2hS0m" frameborder="0" allowfullscreen scrolling="no"></iframe><noscript><spa...") |
|||
Line 1: | Line 1: | ||
- | < | + | <HTML><HEAD> |
- | < | + | |
+ | <meta name="WT.qs_dlk" content="U@BtYwrIZ2cAADiVCRkAAAA7"/> | ||
- | < | + | <meta name="WT.qs_shmv" content="lv20140623-astbury.sf.quinstreet.net"/> |
- | + | <meta http-equiv="Set-Cookie" content="WMUUID=U@BtYwrIZ2cAADiVCRkAAAA7; path=/; domain=htmlgoodies.com;"/> | |
- | + | ||
- | ( | + | <meta name="inject_params" content="WT.qs_dlk=U@BtYwrIZ2cAADiVCRkAAAA7&"/> |
- | + | ||
- | + | <meta http-equiv="Set-Cookie" content="inject_params=WT.qs_dlk=U@BtYwrIZ2cAADiVCRkAAAA7&; path=/; domain=htmlgoodies.com;"/> | |
- | + | ||
- | </ | + | <script language="javascript"> |
+ | // | ||
+ | Titles=[ "General Programming", | ||
+ | "Testing", | ||
+ | "Windows", | ||
+ | "Assembly", | ||
+ | "Data Base", | ||
+ | "Statistical", | ||
+ | "Graphical", | ||
+ | "Text", | ||
+ | "Spreadsheet", | ||
+ | "Command"]; | ||
+ | |||
+ | var nCols = 4; // Number of columns in the tables | ||
+ | var bgColor = "Yellow"; // Pop-up table background color | ||
+ | var fgColor = "Black"; // Pop-up table text color | ||
+ | Text = new Array(10); // Array of arrays of pop-up table data | ||
+ | // | ||
+ | // Language Years Last Used Bold | ||
+ | // ----------- ----- --------- ---- | ||
+ | Text[0] = new Array( | ||
+ | "C", 13, "Current", 1, | ||
+ | "C++", 5, "Current", 1, | ||
+ | "FORTRAN", 30, 1986, 1, | ||
+ | "BASIC", 20, 1987, 1, | ||
+ | "PROLOG", 1, 1990, 1, | ||
+ | "ADA", 1/2, 1985, 0, | ||
+ | "LISP", 2, 1975, 0, | ||
+ | "PL/1", 1, 1978, 0, | ||
+ | "APL", 2, 1971, 0, | ||
+ | "COBOL", 1/4, 1967, 0); | ||
+ | Text[1] = new Array( | ||
+ | "QA Partner (4Test)", 6, "Current", 1, | ||
+ | "DTM", 3, 1986, 0, | ||
+ | "WinRunner", 1/4, 1997, 0); | ||
+ | Text[2] = new Array( | ||
+ | "C++", 5, "Current", 1, | ||
+ | "C++ Builder", 2, "Current", 1, | ||
+ | "Java", 1/2, "Current", 0, | ||
+ | "JavaScript",0.08,"Current", 0, | ||
+ | "Delphi", 1/4, 1997, 0, | ||
+ | "Visual Basic", 1, "Current", 0, | ||
+ | "SAS/AF", 2, 1991, 0); | ||
+ | Text[3] = new Array( | ||
+ | "MASM", 1, 1985, 0, | ||
+ | "GMAP", 1, 1986, 0, | ||
+ | "BAL", 1, 1971, 0); | ||
+ | Text[4] = new Array( | ||
+ | "SQL*Plus", 12, "Current", 1, | ||
+ | "SAS/SQL", 1, 1991, 0, | ||
+ | "Access", 1, "Current", 1, | ||
+ | "SIR", 3, 1979, 0, | ||
+ | "dBase", 3, 1985, 0, | ||
+ | "Rbase", 4, 1987, 0); | ||
+ | Text[5] = new Array( | ||
+ | "SAS", 8, 1990, 1, | ||
+ | "SPSS", 2, 1971, 0, | ||
+ | "Minitab", 3, 1980, 0, | ||
+ | "SIR", 1, 1979, 0, | ||
+ | "P-STAT", 2, 1985, 0, | ||
+ | "GLIM", 1, 1985, 0); | ||
+ | Text[6] = new Array( | ||
+ | "Corel", 1/2, 1997, 0, | ||
+ | "Tel-A-Graph", 1, 1986, 0, | ||
+ | "SAS/GRAPH", 8, 1990, 0); | ||
+ | Text[7] = new Array( | ||
+ | "Word", 10, "Current", 1, | ||
+ | "WordPerfect", 15, 1988, 1, | ||
+ | "TPU", 8, 1987, 0, | ||
+ | "EEL", 5, 1971, 0, | ||
+ | "SNOBOL", 5, 1971, 1, | ||
+ | "Postscript", 1, 1995, 0); | ||
+ | Text[8] = new Array( | ||
+ | "Excel", 2, "Current", 1, | ||
+ | "Lotus 1-2-3", 5, 1986, 0); | ||
+ | Text[9] = new Array( | ||
+ | "MS-DOS", 18, "Current", 1, | ||
+ | "NDOS", 15, "Current", 1, | ||
+ | "DCL", 10, 1992, 1, | ||
+ | "JCL", 10, 1971, 0, | ||
+ | "UNIX", 5, 1980, 0); | ||
+ | function eShow(name) | ||
+ | { | ||
+ | document.all(name).style.display = "inline"; | ||
+ | } | ||
+ | function eHide(name) | ||
+ | { | ||
+ | document.all(name).style.display = "none"; | ||
+ | } | ||
+ | </script> | ||
+ | </head> | ||
+ | |||
+ | |||
+ | <BODY BGCOLOR="FFFFFF"> | ||
+ | <p><b>Pop-up table sample</b></p> | ||
+ | |||
+ | |||
+ | <div style="position:relative"> | ||
+ | <script language="javascript"> | ||
+ | for (var j = 0; j < Titles.length; ++j) | ||
+ | { | ||
+ | name = Titles[j]; | ||
+ | document.write( | ||
+ | "<div style=\"position:absolute;top:5px;width:350px\">\n" + | ||
+ | " <table id=\"" + name + "\"" + | ||
+ | " cellpadding=1 cellspacing=4 border=2" + | ||
+ | " bgColor=" + bgColor+ "\n style=" + | ||
+ | "\"display:none; position:absolute; left:200px\">"); | ||
+ | document.write( | ||
+ | "<tr bgColor=" + bgColor+ ">"); | ||
+ | document.write( | ||
+ | " <th bgColor=" + fgColor + " align=center>" + | ||
+ | " <font color=" + bgColor + ">Language</font>"); | ||
+ | document.write( | ||
+ | " <th bgColor=" + fgColor + " align=center>" + | ||
+ | " <font color=" + bgColor + ">Years Used</font>"); | ||
+ | document.write | ||
+ | (" <th bgColor=" + fgColor + " align=center>" + | ||
+ | " <font color=" + bgColor + ">Last Used</font>"); | ||
+ | for (var i = 0; i < Text[j].length; i = i + nCols) | ||
+ | { | ||
+ | if (Text[j][i + 3] == 0) | ||
+ | { | ||
+ | document.write( | ||
+ | " <tr><td>" + Text[j][i] + | ||
+ | "\n <td align=\"center\">" + Text[j][i+1] + | ||
+ | "\n <td>" + Text[j][i+2] + "\n </tr>"); | ||
+ | } | ||
+ | else | ||
+ | { | ||
+ | document.write( | ||
+ | " <tr><td><b>" + Text[j][i] + | ||
+ | "</b>\n <td align=\"center\"><b>" + Text[j][i+1] + | ||
+ | "</b>\n <td><b>" + Text[j][i+2] + "</b>\n </tr>"); | ||
+ | } | ||
+ | } | ||
+ | document.write("</table>"); | ||
+ | document.write("</div>"); | ||
+ | } | ||
+ | </script> | ||
+ | </div> | ||
+ | |||
+ | <table border="0" cellspacing="4"> | ||
+ | <script language="javascript"> | ||
+ | for (var i = 0; i < Titles.length; ++i) | ||
+ | { | ||
+ | document.write("<tr>\n<td><p align=\"right\">"); | ||
+ | document.write(Titles[i] + ":</p>"); | ||
+ | |||
+ | document.write("</td>\n<td><a onMouseOver=\"eShow("" + Titles[i] + "")\""); | ||
+ | document.write("onMouseOut=\"eHide("" + Titles[i] + "")\"</a>"); | ||
+ | document.write("<font color=\"#0000FF\" size=\"3\" face=\"Arial\">"); | ||
+ | for (var j = 0; j < Text[i].length; j = j + nCols) | ||
+ | { | ||
+ | if (j > 0) | ||
+ | { | ||
+ | document.write(", "); | ||
+ | } | ||
+ | if (Text[i][j + 3] == 1) | ||
+ | { | ||
+ | document.write("<b>" + Text[i][j] + "</b>"); | ||
+ | } | ||
+ | else | ||
+ | { | ||
+ | document.write(Text[i][j]); | ||
+ | } | ||
+ | } | ||
+ | document.write("\n</font></a></td></tr>") | ||
+ | } | ||
+ | </script> | ||
+ | </table> | ||
+ | <script> | ||
+ | window.webtrendsAsyncInit=function(){ | ||
+ | var dcs=new Webtrends.dcs().init({ | ||
+ | dcsid:"dcs37pv2c00000oun93vypyva_4k6d", | ||
+ | domain:"www.qsstats.com", | ||
+ | timezone:-8, | ||
+ | i18n:true, | ||
+ | offsite:true, | ||
+ | download:true, | ||
+ | downloadtypes:"xls,doc,pdf,txt,csv,zip,docx,xlsx,rar,gzip", | ||
+ | anchor:true, | ||
+ | javascript: true, | ||
+ | onsitedoms:"htmlgoodies.com", | ||
+ | fpcdom:".htmlgoodies.com", | ||
+ | plugins:{ | ||
+ | //hm:{src:"//s.webtrends.com/js/webtrends.hm.js"} | ||
+ | } | ||
+ | }).track(); | ||
+ | }; | ||
+ | (function(){ | ||
+ | var s=document.createElement("script"); s.async=true; s.src="/imageserver/common/v10/webtrends.js"; | ||
+ | var s2=document.getElementsByTagName("script")[0]; s2.parentNode.insertBefore(s,s2); | ||
+ | }()); | ||
+ | </script> | ||
+ | <noscript><img alt="dcsimg" id="dcsimg" width="1" height="1" src="//www.qsstats.com/dcs37pv2c00000oun93vypyva_4k6d/njs.gif?dcsuri=/legacy/beyond/javascript/stips/scripttip92script.html&WT.js=No&WT.tv=10.4.1&dcssip=www.htmlgoodies.com&WT.qs_dlk=U@BtYwrIZ2cAADiVCRkAAAA7&"/></noscript> | ||
+ | </BODY></HTML> |
Revision as of 19:41, 5 August 2014
Pop-up table sample