-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtestTwo_Maria.html
78 lines (56 loc) · 2.3 KB
/
testTwo_Maria.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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="ChadStyle.css" media="screen" />
<script type="text/javascript" language="Javascript" SRC="iPadSwipe.js"></script>
<script type="text/javascript" language="Javascript" SRC="layers.js"></script>
<script type="text/javascript" language="Javascript" SRC="pageControl.js"></script>
<script type="text/javascript">
function myFunction()
{
var stress = "stress";
//alert("Hello! I am an alert box!");
alert(stress+stress);
}
</script>
<script src="query-1.8.3.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#mainDisplay").fadeToggle();
});
});
</script>
</head>
<body>
<p id="LeTitle">Chad Gospels .</p>
<div id="TheButtons">
<a href="http://infoforest.vis.uky.edu/InfoForest/java_scrip_test/3djs/3d.html"> 3d</a>
<input type="button" onclick="goHome()" value="Home Page" />
<button> Click to fade in/out layers</button>
<input type="button" onclick="getPrev()" value="Previous Image" />
<input type="button" onclick="getNextImage()" value="Next Image" />
<select id="I_layer" onchange="applyIlayer(this)">
<option value="" disabled selected style="display:none;">I layers</option>
<option value="Legacy">Legacy</option>
<option value="3D">3D</option>
<option value="Spectral">Spectral</option>
<option value="nothing">none</option>
</select>
<select id="ST_layer" multiple="multiple">
<option value="" disabled selected style="display:none;">ST layers</option>
<option value="Translate" onclick="ST_translate(this)">Translate</option>
<option value="Transcript" onclick="ST_transcript(this)">Transcript</option>
<option value="Highlights" onclick="ST_highlight(this)">Highlights</option>
</select>
</div>
<br>
<div id="swipeBox" ontouchstart="touchStart(event,'swipeBox');" ontouchend="touchEnd(event);" ontouchmove="touchMove(event);" ontouchcancel="touchCancel(event);" style="position:relative;width:100%;height:100%;">
<img align="middle" id="mainDisplay" src="Chad_Cover_Image.jpg" alt="Computerman" width="500" height="750">
</div>
<div class="TheLayers" id="Ilayer"></div> <!-- Can only have one I layer displayed at a time -->
<div class="TheLayers" id="Translate"></div>
<div class="TheLayers" id="Transcript"></div>
<div class="TheLayers" id="Highlights"></div>
</body>
</html>