-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
55 lines (50 loc) · 2.04 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>LBIT</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Import scripts in this specific order -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.0.2/js/toastr.js"></script>
<script src="webplugin/ete.js"></script>
<script>
/* YOU MUST SET THIS VARIABLE */
var ete_webplugin_URL = "cgi-bin/webplugin.py"
</script>
<link rel="stylesheet" type="text/css" href="webplugin/ete.css" >
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.0.2/css/toastr.min.css">
</head>
<body>
<i> Menu</i> <b>::</b> <a href="polytomysolver.html">PolytomySolver</a><br><br>
<!-- This layer must be called "popup" -->
<div id="popup"></div>
<div style="float:right;background-color:#CEDBC4;border: 1px dotted;width:450px;">
<ul>
<li>You can paste trees in newick (NH) and extended newick (NHX) formats.</li>
<li>Features in NHX format will be parsed as tree features so you can add them as node faces to the tree image.</li>
<li>Features whose names starts by "_" will be ignored.</li>
</ul>
</div>
<div id="content" style='text-align: left;'>
<ul>
<h2>Newick Tree</h2>
<li>
<textarea id="tree" style='width: 500px; height: 80px; vertical-align:middle;'>
((holA[&&NHX:species=chimp:confidence=51],
holB[&&NHX:species=human:confidence=100]),
holC[&&NHX:species=mouse:confidence=88]);
</textarea>
</li>
</ul>
<div style="clear:both;" >
<!-- draw_tree(treeid, newick, container) -->
<input type='submit' value='Draw tree' onClick='draw_tree(random_tid(), $("#tree").val(), "#img1","name") ;'>
<input type='button' value='Clear' onClick='$(".ete_image").html("");'>
</div>
</div>
<br>
<!-- Tree containers -->
<div class="ete_image" id="img1"></div><br>
</body>
</html>