203 lines
6.7 KiB
HTML
203 lines
6.7 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
<!-- $Id: tvdemo_collapse_to_fit.html 46628 2021-08-09 19:29:11Z lotovv $ -->
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
|
<head>
|
|
<title>NCBI Tree Viewer 1.16.0 Query API demo</title>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<style type="text/css">
|
|
html {overflow:-moz-scrollbars-vertical;overflow-y:scroll;overflow-x:auto;}
|
|
</style>
|
|
|
|
<!-- added for applog -->
|
|
<meta name="ncbi_app" content="sviewer-js" />
|
|
<!-- end of applog code -->
|
|
|
|
|
|
<!--script type="text/javascript" src="/core/jquery/jquery-1.4.2.js"></script-->
|
|
<link rel="stylesheet" type="text/css" href="css/ncbi_templates.css"/>
|
|
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen, projection, print"/>
|
|
<link rel="stylesheet" type="text/css" href="css/tv_standalone.css"/>
|
|
<script type="text/javascript" src="js/treeviewer.js"></script>
|
|
<!--script src="https://apis.google.com/js/client.js" type="text/javascript"> </script-->
|
|
|
|
|
|
<!-- reset some setting that were overwritten by ncbi_templates.css -->
|
|
<style type="text/css">
|
|
h2 {margin: 4;}
|
|
a.x-menu-item { color:#222222; }
|
|
</style>
|
|
|
|
<style type="text/css">
|
|
.top_part {padding:10px;}
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div id="ncbiheader">
|
|
<h1><a title="NCBI Home Page" href="http://www.ncbi.nlm.nih.gov">NCBI</a></h1>
|
|
|
|
<ul class="hidden_for_print">
|
|
<li><a href="http://www.ncbi.nlm.nih.gov/"
|
|
title="NCBI Home Page">Home</a></li>
|
|
<li><a href="http://www.ncbi.nlm.nih.gov/sites/entrez/"
|
|
title="PubMed: Biomedical Abstracts Database">PubMed</a></li>
|
|
<li><a href="http://www.ncbi.nlm.nih.gov/Genbank/"
|
|
title="GenBank: Repository of public sequence data">GenBank</a></li>
|
|
<li><a href="http://www.ncbi.nlm.nih.gov/BLAST/"
|
|
title="BLAST: Basic Local Alignment Search Tool">BLAST</a></li>
|
|
</ul>
|
|
|
|
<div id="app_name">
|
|
<h1 id="app_name_h1" onclick="location.href='index.html'"> Tree Viewer</h1>
|
|
<h1 id="app_ver_h1" onclick="location.href='//www.ncbi.nlm.nih.gov/tools/treeviewer/releasenotes/'">1.16.0 </h1>
|
|
<a id="treeviewer-help" title="Tree Viewer Help" href="#" onClick="TreeView.showHelp();">Help</a>
|
|
</div>
|
|
|
|
</div>
|
|
<noscript>
|
|
<h1>JavaScript is required.</h1>
|
|
</noscript>
|
|
|
|
<div class="content">
|
|
|
|
|
|
<div class="top_part">
|
|
<h2>Introduction</h2>
|
|
<p/>
|
|
This demo shows collapsing to viewport in Tree Viewer. Tree is precollapsed when collapsetoviewport=true parameter passed at tree initialization.
|
|
<p/>
|
|
<p>User can resize the view and press collapse to Viewport button <img src="images/fit.png"/> at toolbar.</p> <br/><br/>
|
|
|
|
</div>
|
|
|
|
<div id="TreeViewerFrame" class="TreeViewerFrame">
|
|
<div id="TreeViewerTitle" class="TreeViewerTitle"></div>
|
|
<div id="TreeViewerTitleID" class="TreeViewerTitleID"></div>
|
|
<div id="TreeViewer0" class="TreeViewerApp" style="height: 400px; width: 950px;">
|
|
|
|
<a href="?appname=ncbi_tviewer&&btc_id=https://ftp.ncbi.nlm.nih.gov/toolbox/gbench/samples/treeviewer/tree_txt.asn&featnames=*&embedded=true&renderer=circular&collapsetoviewport=true"></a>
|
|
</div>
|
|
</div>
|
|
<p>
|
|
</p>
|
|
<p>
|
|
</p>
|
|
|
|
|
|
|
|
<div id="low_sec">
|
|
<div id="api_form" class="api_form"></div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
|
|
|
|
var afterLoadCallback = function()
|
|
{
|
|
alert('After Load Callback ');
|
|
|
|
};
|
|
|
|
var latestMouseOverNodeID = '';
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var DemoApp = function() {
|
|
// do NOT access DOM from here; elements don't exist yet
|
|
|
|
// private variables
|
|
var initTimeout;
|
|
|
|
|
|
|
|
// private functions
|
|
|
|
|
|
// public space
|
|
return {
|
|
// public properties, e.g. strings to translate
|
|
|
|
// public methods
|
|
init: function()
|
|
{
|
|
//TreeView.updateVersionString();
|
|
|
|
|
|
var tviewer = TreeView.findAppByIndex( 0 );
|
|
function doInit()
|
|
{
|
|
if (typeof TreeView === 'undefined')
|
|
{
|
|
setTimeout(doInit, 50);//wait 50 millisecnds then recheck
|
|
return;
|
|
}
|
|
var instanceInit = function (params) {
|
|
if (TreeView.findAppByIndex(0) === null) {
|
|
setTimeout(instanceInit, 150); //wait 150 millisecnds then recheck
|
|
return;
|
|
}
|
|
var tviewer = TreeView.findAppByIndex(0);
|
|
|
|
if (tviewer)
|
|
{
|
|
|
|
}
|
|
else
|
|
{
|
|
Ext.Msg.alert( 'Error', 'No TreeViewer found.');
|
|
}
|
|
|
|
};
|
|
|
|
instanceInit();
|
|
}
|
|
doInit();
|
|
} // end of init
|
|
};
|
|
}(); // end of app
|
|
|
|
|
|
window.onload = function ()
|
|
{
|
|
TreeViewOnReady( DemoApp.init, DemoApp );
|
|
}
|
|
|
|
|
|
|
|
</script>
|
|
|
|
</div>
|
|
|
|
<!-- NCBI Footer -->
|
|
<div id="ncbifooter" class="hidden_for_print">
|
|
<div id="footer-contents-right">
|
|
<a class="nih_img_link" title="NIH" href="https://www.nih.gov">NIH</a>
|
|
<a class="nlm_img_link" title="NLM" href="https://www.nlm.nih.gov">NLM</a>
|
|
<a class="dhhs_img_link" title="DHHS" href="https://www.dhhs.gov">DHHS</a>
|
|
<a class="usagov_img_link" title="USA.gov" href="https://www.usa.gov">USA.gov</a>
|
|
</div>
|
|
|
|
<div id="footer-contents-left">
|
|
<a href="https://www.ncbi.nlm.nih.gov/About/glance/contact_info.html">Contact</a> |
|
|
<a href="https://www.ncbi.nlm.nih.gov/About/disclaimer.html">Copyright</a> |
|
|
<a href="https://www.ncbi.nlm.nih.gov/About/disclaimer.html#disclaimer">Disclaimer</a> |
|
|
<a href="https://www.nlm.nih.gov/privacy.html">Privacy</a> |
|
|
<a href="https://www.ncbi.nlm.nih.gov/About/accessibility.html">Accessibility</a>
|
|
<p class="address">National Center for Biotechnology Information, US National Library of Medicine <br />
|
|
8600 Rockville Pike, Rockville, MD USA 20894</p>
|
|
</div>
|
|
</div>
|
|
<!-- NCBI Footer Ends -->
|
|
<!-- NCBI client-side logging -->
|
|
<!--script type="text/javascript" src="/portal/portal3rc.fcgi/rlib/js/InstrumentOmnitureBaseJS/InstrumentNCBIBaseJS/InstrumentPageStarterJS.js"></script-->
|
|
</body>
|
|
</html>
|