CINXE.COM
OLSVis: the visual Ontology Lookup Service
<!doctype html> <html> <head> <title>OLSVis: the visual Ontology Lookup Service</title> <link rel="shortcut icon" href="favicon.ico"> <!--[if IE]> <script type="text/javascript" src="ie/excanvas.js"></script> <script type="text/javascript" src="ie/canvas.text.js?reimplement=true"></script> <script type="text/javascript" src="ie/helvetiker-normal-normal.js"></script> <![endif]--> <style> body{margin:0;background-color:#FFF;overflow:hidden} body,input{font-family:arial,sans-serif} img{border:0 none} table{border-collapse:collapse}table td,table th{padding:0} div{padding:0;margin:0} #t{clear:both;overflow:hidden;width:100%;border-bottom:1px solid #C9D7F1;font-size:13px;padding:4px 0px} #tl{padding:0px 8px;float:left;text-align:left} .ta,.tb,.tc{padding-right:0.6em} .ta{font-weight:bold} .tb,.tc{color: #3060DB;text-decoration:underline} .tc{font-size:11px} #tr{padding:0px 6px;float:right;text-align:right} #ie{font-style:italic;font-size:12px} .cbs{z-index:9;left:45%;margin:100px 0 0 -181px;position:absolute} #s{height:81px} #s,#ss{border-bottom:1px solid #E8ECF9;margin:0 4px} #ss{border-left:1px solid #E8ECF9;border-right:1px solid #E8ECF9} #sl,#so,.oea,.oei,.oen{-moz-user-select:none;-khtml-user-select:none} #sl{margin:12px 0 1px 1px} #ontsel{border:1px solid #CCC;background-color:#FFF;margin:18px 0 0 17px;padding:1px 0 1px 2px;width:212px} #sc{border:1px solid;border-color:#ccc #999 #999 #ccc;height:30px;margin:0 0 0 8px} #si{border:0;font-size:110%;height:100%;width:278px;padding:4px 3px 4px 5px;background-color:#FFF} #si,#sb,#so{outline:none} #sb{background:url("images/i.png") no-repeat scroll 0 0;width:16px;height:24px;display:block;cursor:pointer;margin:4px 2px 2px 0} #ss{font-size:12px;color:#444;background-color:#F8F9FC;padding:12px 7px 14px 7px} #ss1,#ssec{font-size:13px} #ss1{margin:1px 0 0 6px;color:#111} #ssec{margin:10px 0 0 6px} #sse,#ssea,#ssols{color:#3060DB;display:inline-block} .ssa,.oca,.rpa{} .ssi,.oci,.rpi,.rhi,#sm,#se{display:none} #sms{position:absolute;z-index:7;top:0;left:362px} #sm,#se{font-size:11px;color:#333;float:left;padding:0;margin:0;padding:2px 4px} #sm{background-color:#FFF1A8} #se{background-color:#FF8F75} #so,#sr{font-size:11px;color:#5B7FDB;float:right;cursor:pointer} #sr{margin:3px 0 0 0;} #so{margin:1px 0 0 0} #gvCanv{margin:4px 0 0 0;display:none} #oc{margin:0 7px 9px 7px} #o{padding:6px 14px;border-left:1px solid #BBB;border-right:1px solid #BBB} #ob1,#ob2{margin:0 1px;height:1px;font-size:1px;overflow:hidden} #ob1{background-color:#FFF;border-left:1px solid #888;border-right:1px solid #888} #ob2{background-color:#888;border-left:1px solid #D1D1D1;border-right:1px solid #D1D1D1} #od{width:1px;height:100%;margin:0 8px} #od2{height:1px;width:100%;margin:10px 0 7px 0} #od,#od2{background-color:#C2C2C2} #ot{font-size:13px;color:#222} .oh,.oh2,.oea,.oei,.oen{padding:0 0 1px 0;display:block;text-decoration:none} .oh{font-weight:bold} .oh2{font-weight:normal;;display:inline;color:#999;font-style:italic} .oea,.oen{color:#000} .oei{color:#A4A4A4} a.oea:hover,a.oei:hover,a.oen:hover{background-color:#EFF2FA} .oea,.oei,.oen,.oi0,.oi1{cursor:pointer} .oii,.oie,.oia,.oib{width:16px;height:13px;display:inline-block;margin:0 3px -2px 1px} .oii{background:url("images/i.png") no-repeat scroll -64px 0} .oie{background:url("images/i.png") no-repeat scroll -80px 0} .oia{background:url("images/i.png") no-repeat scroll -96px 0} .oib{background:url("images/i.png") no-repeat scroll -112px 0} #rpc,#b{width:362px} #rp{padding:0 5px 5px 5px;font-size:13px;cursor:default;overflow:auto} #rt{margin:4px 0 0 0;padding:3px 1px 4px 1px;font-style:italic;background-color:#ECEFFD;display:block;cursor:default;color:#000;text-decoration:none} #rt1{font-size:18px} #rt2{font-size:14px;color:#777;margin:0 0 0 8px} #rt3{font-size:13px;font-style:normal;padding:2px 0 0 0} #rt4{font-size:11px;color:#646464;padding:6px 0 3px 0} #rt{border-bottom:0px solid #E1E7FD} .exinc{border:1px solid #E8ECF9;background-color:#FAFCFD;padding:0 2px 0 2px;height:14px} .rhi,.rha{padding:7px 0 1px 0;font-weight:normal} .rhi,.rha,.re{border-bottom:1px solid #E6E6E6} .re{padding:2px 4px 1px 6px;margin:0 4px 0 5px;cursor:pointer;color:#000;text-decoration:none;display:block} #b{height:0px;overflow:hidden;position:absolute;bottom:0} .ac_pan{position:absolute;z-index:8;left:51px;top:76px;width:750px;border-color:#A2BFF0 #558BE3 #558BE3 #A2BFF0;border-style:solid;border-width:1px; color:#222;background-color:#FFF;cursor:default;display:none} .ac_opt,.ac_optH,.ac_optM{padding:2px 0 3px 6px;line-height:16px} .ac_optH{background-color:#D5E2FF} .ac_optM{background-color:#F0F0FF} .acxtr{color:#8A8A8A} </style> <script type="text/javascript">var _gaq=_gaq||[];_gaq.push(['_setAccount','UA-2886799-3'],['_trackPageview']);</script> </head> <body onresize="if(f)f.ffr()" link="#0000CC" vlink="#0000CC"> <div id=t> <div id=tl><a class=ta>OLSVis</a><a class=tb href="info.html">More info</a><!-- | <a class=tc href="http://wordvis.com">WordVis</a>--></div> <div id=sms><a id=sm></a><a id=se></a></div> <div id=tr><span id=ie></span></div> </div> <table border=0 cellspacing=0 cellpadding=0><tr><td valign="top"> <div id=cb class=cbs> <div id=s> <table border=0 cellspacing=0 cellpadding=0><tbody><tr valign=top><td> <div id=sl><a title="OLSVis, a visual browser for the Ontology Lookup Service" href="."><img src="images/olsvis_logo.png" width=123 height=28></a></div> </td><td> <select id=ontsel onchange="return f&&f.ffos()" tabindex=1> <option value="-">- Search in all ontologies</option> </select> </td></tr></tbody></table> <table border=0 cellspacing=0 cellpadding=0><tbody><tr valign=top><td> <table border=0 cellspacing=0 cellpadding=0 width=39><tbody><tr height=17><td> <a id=sr onclick="if(f)f.ffLr()" onkeydown="return f&&event.keyCode==13?f.ffLr():true" tabindex=4></a> </td></tr><tr><td> <a id=so onclick="if(f)f.ffov()" onkeydown="return f&&event.keyCode==13?f.ffov():true" tabindex=5>+ filters</a> </td></tr></tbody></table> </td><td> <div id=scc> <div id=sc> <table border=0 cellspacing=0 cellpadding=0 width="100%" height="100%"><tbody><tr valign=top><td> <input id=si onkeydown="return event.keyCode==13?fgo(null,null):true" tabindex=2></td><td> <a id=sb href="." onclick="return fgo(null,null)" onkeydown="return event.keyCode==13?fgo(null,null):true" tabindex=3 onmouseover="this.style.backgroundPosition=(ac&&ac.q?'-48':'-16')+'px 0';" onmouseout="this.style.backgroundPosition=(ac&&ac.q?'-32':'0')+'px 0';"></a></td></tr></tbody></table> </div> <div id=ac class=ac_pan></div> </div> </td></tr></tbody></table> </div> <div id=oc class=oci> <div id=o><table id=ot border=0 cellspacing=0 cellpadding=0 width="100%"><tbody><tr> <td valign=top width=150> <a class=oh>Show ancestors</a> <a id=oa1>parents only</a> <a id=oa2>paths to roots</a> <div style="height:11px"></div> <a class=oh>Include terms</a> <a id=oa0>obsoletes</a> </td><td height="100%"><div id=od></div></td><td valign=top width=150> <a class=oh>Cross-ontology paths</a> <a id=oa3>stay in ontology</a> <a id=oa4>stop after one hop</a> <a id=oa5>full cross-ontology</a> </td> </tr><tr> <td colspan=3><div id=od2></div></td> </tr><tr> <td colspan=3><a class=oh>Relation types <span class=oh2>(growing list)</span></a></td> </tr><tr> <td id=orc0 valign=top> <a id=or0>is a</a> <a id=or1>part of</a> </td><td height="100%"><div id=od></div></td><td id=orc1 valign=top> <a id=or2>develops from</a> </td> </tr></tbody></table></div> <div id=ob1></div> <div id=ob2></div> </div> <div id=ss class=ssa> <div id=ss1> OLSVis is a visual browser for EBI's <a id=ssols target="_blank" href="http://www.ebi.ac.uk/ontology-lookup/">OLS</a><br> (Ontology Lookup Service) : a structured collection of<br> terminology across various biological domains.<br> </div> <div id=ssec> To see an <a id=sse href="ont=GO&q=mitochondrion" onclick="return fd()" onkeydown="return event.keyCode==13?fd():true" tabindex=6>example: click here</a>.<br> For more info: read <a id=ssea href=info.html>here</a>. </div> </div> </div> <div id=rpc> <div id=rp class=rpi> <a id=rt onclick="return false"><div name=t> <div><span id=rt1></span><span id=rt2></span></div> <div id=rt3></div> </div></a> <div id=rt4> </div> <div id=rh0 class=rhi>Child terms:</div><div id=r0></div> <div id=log style="font-size:9pt;margin:0;padding:0"></div> </div> </div> <div id=b></div> </td><td valign="top"> <div id=gvCanv></div> </td></tr></table><form id="dlfo" method="post" action="/export.php"><input type="hidden" id="dlfi" name="dlfi"><input type="hidden" id="dlft" name="dlft"><input type="hidden" id="dlff" name="dlff"></form><script type="text/javascript"> var f=false,fsq=f,fE=1,fD=0,fN='',fQ='',ac=f; function $(s){return document.getElementById(s);} function $$(e,s){e.setAttribute('class',s);e.className=s;} function crn(){$$($('cb'),'');$('scc').style.marginRight='0px';$('ac').style.top='101px';} function fgo(id,s){crn();!f?fsq=true:(f.ffs(id,s)||fD==0||fd3());if(fD<1)$$($('ss'),'ssi');return false;} function sont(o){for(var i=0,e=$('ontsel');i<e.length;i++)if(e[i].value.toLowerCase()==o.toLowerCase()){e.selectedIndex=i;break;}shr(i<e.length&&o!='-');f&&f.ffos();} function shr(b){$('sr').innerHTML=b?'• roots':'';} function fd(){fD=1;fE=0;sont('GO');setTimeout("fd1(1)",300);return false;} function fd1(i){var a=$('si');a.value=('omegasome').substr(0,i);a.focus();if(i<13){setTimeout("fd1("+(i+1)+")",90);if(ac&&f)f.fa();}else setTimeout("fd2()",1000);} function fd2(){sont('GO');$('ssec').style.display='none';$('ss1').style.display='none';fgo('GO:GO:1990462',null);if(ac&&f)f.fa();} function fd3(){fD=0;for(var i=0,a=["GO:GO:0012505","GO:GO:0005773"/*"GO:GO:0043231","GO:GO:0005794"*/];i<a.length;i++)setTimeout("fgo('"+a[i]+"',null)",(i+1)*2000);} (function(){ var a=window.location.href,b=a.indexOf('ont='),c=a.indexOf('q='); if(b>=0)fN=b<c?a.substring(b+4,c-1):a.substr(b+4); if(c>=0)fQ=decodeURI(c<b?a.substring(c+2,b-1):a.substr(c+2)); if(fN!='')sont(fN); if(fQ!=''){crn();$$($('ss'),'ssi');$('si').value=fQ;} var s="$('sse').style.fontSize='";setTimeout("if($('si').value==''&&fE==1)"+s+"21px'",5000);setTimeout(s+"13px'",7000); $('si').focus(); var r='script',t='text/java'+r,v=document.createElement(r),s=document.getElementsByTagName(r)[0];v.type=t;v.async=true;v.src='olsvis.js';s.parentNode.insertBefore(v,s); //var ga=document.createElement(r);ga.type=t;ga.async=true;ga.src=('https:'==document.location.protocol?'https://ssl':'http://www')+'.google-analytics.com/ga.js';s.parentNode.insertBefore(ga,v); })();</script></body> </html>