-
Notifications
You must be signed in to change notification settings - Fork 0
/
sequence.html
89 lines (76 loc) · 2.28 KB
/
sequence.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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<html>
<head>
<script src="js/jquery-1.5.1.min.js"></script>
<script src="jquery.mousewheel.min.js"></script>
<link rel="stylesheet" href="css/smoothness/jquery-ui-1.8.13.custom.css">
<link rel="stylesheet" href="css/dev.css">
<link rel="stylesheet" href="css/uiblast.css">
<script src="js/jquery-ui-1.8.13.custom.min.js"></script>
<script src="js/jquery-geturlparams.js"></script>
<script src="jQRangeSlider.js"></script>
<script src="js/uiseqblast.js"></script>
</head>
<body>
<script type = "text/javascript">
$(document).ready( function() {
context = document.getElementById("blastsequencecanvas").getContext("2d");
selectcontext = document.getElementById("blastselectcanvas").getContext("2d");
selectcontext.globalAlpha = 0.5;
initDone=0;
yPos = 20;
xPos = 20;
size=50;
step=20;
context.font = step+"px monospace";
Xseq = 200;
canvasMaxHeight=0;
seqdef = "Blast result";
seqlen = 1000;
maxSlicer = 500;
accession="";
sequences = new Array();
mouseStart = null;
mouseStop = null;
if($.getURLParam("file")==null) {
xmlUrl = "demo/blast.xml";
}
else {
//xmlUrl = $.getURLParam("file");
xmlUrl = "getRemoteXML.php?url="+$.getURLParam("file");
}
getXML(xmlUrl);
$("#blastselectcanvas").mousedown(function(e){
mouseStart = getPosition(e,document.getElementById("blastselectcanvas"));
});
$("#blastselectcanvas").mouseup(function(e){
mouseStop = getPosition(e,document.getElementById("blastselectcanvas"));
drawSelection(mouseStart,mouseStop);
mouseStart = null;
mouseStop = null;
});
$("#blastselectcanvas").dblclick(function(e){
clearSelectCanvas();
});
});
</script>
<!--
<div id="zoomin">plus</div>
<div id="zoomout">minus</div>
-->
<div class="header">
GenOuest Blast XML display
</div>
<div class="content">
<div id="blast" class="label"></div>
<div id="selector" class="selector">
<div id="seqslider" class="slider"></div>
</div>
<div id="canvas-layers" style="position:relative; width:3500px; height:100px">
<canvas id="blastsequencecanvas" width="3500" height="100"></canvas>
<canvas id="blastselectcanvas" width="3500" height="100"></canvas>
</div>
</div>
<div id="documentDetails"/>
<div class="footer"></div>
</body>
</html>