41 lines
1.8 KiB
HTML
41 lines
1.8 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
<html>
|
|
<head>
|
|
<title>MSAV columns re-arranging demo</title>
|
|
<script type="text/javascript" src="../js/multialign.js"></script>
|
|
<script type="text/javascript">
|
|
var setColumns = function() {
|
|
var id = 'msaviewer_1',
|
|
app = MultiAlignView.App.findAppByDivId(id) || new MultiAlignView.App(id),
|
|
str = document.getElementById(this.event.target.id).nextSibling.innerHTML;
|
|
app.setColumns(str.substring(str.indexOf('>') + 1, str.indexOf('</')));
|
|
}
|
|
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<h2>Columns re-arranging demo</h2>
|
|
<p>
|
|
Adding optional columns to the view: <b>columns=cd:71,h,o:86,cntr,is</b>
|
|
</p>
|
|
<div id="msaviewer_0" class="MultiAlignViewerApp" data-autoload>
|
|
<a href="?url=https://www.ncbi.nlm.nih.gov/projects/msaviewer/data/protein.gbp&columns=cd:71,h,o:86,cntr,is&appname=ncbi_msav_demo"></a>
|
|
</div>
|
|
<p>
|
|
Dynamic columns re-arranging
|
|
</p>
|
|
<ul>
|
|
<input type="radio" name="radiodemo" id="demo_0" checked="checked" onclick="setColumns()"><label>Default (empty columns parameter)</label>
|
|
<br/>
|
|
<input type="radio" name="radiodemo" id="demo_1" onclick="setColumns()"><label>Changing only columns widths (no "aln" column is the set): <b>x:0,b:60,e:60,o:0</b></label>
|
|
<br/>
|
|
<input type="radio" name="radiodemo" id="demo_2" onclick="setColumns()"><label>Re-arranging columns and changing column widths: <b>d,x,o,aln,b:60,e:60</b></label>
|
|
</ul>
|
|
<p>
|
|
</p>
|
|
<div id="msaviewer_1" class="MultiAlignViewerApp" data-autoload>
|
|
<a href="?url=https://www.ncbi.nlm.nih.gov/projects/msaviewer/data/YP.13.muscle.asn&appname=ncbi_msav_demo"></a>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|