-
Notifications
You must be signed in to change notification settings - Fork 0
/
circular.html
119 lines (100 loc) · 5.6 KB
/
circular.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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:svg="http://www.w3.org/2000/svg"
xml:lang="en">
<head>
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<title>Polarization Demo</title>
<!-- My little icon in the link url -->
<!-- <link rel="icon" type="image/png" href="front_page/a" /> -->
<!-- Javascript libraries and code. -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<script type="text/javascript" charset="utf-8">
if (window['loadFirebugConsole']) {
window.loadFirebugConsole();
} else {
if (!window['console']) window.console = {};
if (!window.console['time'] ) window.console.time = function(){};
if (!window.console['timeEnd'] ) window.console.timeEnd = function(){};
if (!window.console['debug'] ) window.console.debug = function(){};
if (!window.console['info'] ) window.console.info = function(){};
if (!window.console['log'] ) window.console.log = function(){};
if (!window.console['warn'] ) window.console.warn = function(){};
if (!window.console['profile'] ) window.console.profile = function(){};
if (!window.console['profileEnd']) window.console.profileEnd = function(){};
if (!window.console['trace'] ) window.console.trace = function(){};
if (!window.console['error'] ) window.console.error = function(){};
}
function getAbsolutePosition(element) {
var r = { x: element.offsetLeft, y: element.offsetTop };
if (element.offsetParent) {
var tmp = getAbsolutePosition(element.offsetParent);
r.x += tmp.x;
r.y += tmp.y;
}
return r;
};
</script>
<script type="text/javascript" src="sylvester.js"></script>
<script type="text/javascript" src="Pad3d.js" ></script>
<script type="text/javascript" src="GeometryUtils.js" ></script>
<script type="text/javascript" src="circular.js" ></script>
<!-- Main CSS sheet for basic layout, custom mods. -->
<link rel="stylesheet" href="style.css" type="text/css" media="all"/>
<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.6.custom.css" rel="Stylesheet" media="all"/>
</head>
<body>
<div id='everything'>
<input type="checkbox" id='run_checkbox' value="Run" checked='true'/> Run<br />
<div id="viewport" class ="pad" style="height:500px; border:5px solid black;"></div>
<div id="triD-controls">
<span class="trid-ctl trid-zoom-in" >Zoom In</span>
<span class="trid-ctl trid-zoom-out" >Zoom Out</span>
<span class="trid-ctl trid-pan-left" >Pan Left</span>
<span class="trid-ctl trid-pan-right" >Pan Right</span>
<span class="trid-ctl trid-pan-up" >Pan Up</span>
<span class="trid-ctl trid-pan-down" >Pan Down</span>
<span class="trid-ctl trid-pan-upstream" >Pan Upstream</span>
<span class="trid-ctl trid-pan-downstream" >Pan Downstream</span>
<input type="checkbox" class="trid-ctl trid-autorotate" id="trid-check1" /><label for="trid-check1">AutoRotate</label>
<span class="trid-ctl trid-reset" >Reset</span>
<span class="trid-ctl-mouse-set">
<input type="radio" class="trid-ctl trid-ctl-mouse-rotate" name="trid-radio" id="trid-radio1" value="rotate" checked="yes"/><label for="trid-radio1">Mouse Rotate</label>
<input type="radio" class="trid-ctl trid-ctl-mouse-pan" name="trid-radio" id="trid-radio2" value="pan" /> <label for="trid-radio2">Mouse Pan</label>
</span>
<span class="trid-ctl-view-set">
<input type="radio" class="trid-ctl trid-ctl-view-3D" name="trid-radio-view" id="trid-radio-view1" value="3D" checked="yes"/><label for="trid-radio-view1">3D</label>
<input type="radio" class="trid-ctl trid-ctl-view-xz" name="trid-radio-view" id="trid-radio-view2" value="XZ" /><label for="trid-radio-view2">XZ</label>
<input type="radio" class="trid-ctl trid-ctl-view-yz" name="trid-radio-view" id="trid-radio-view3" value="YZ" /><label for="trid-radio-view3">YZ</label>
<input type="radio" class="trid-ctl trid-ctl-view-xy" name="trid-radio-view" id="trid-radio-view4" value="XY" /><label for="trid-radio-view4">XY</label>
</span>
</div>
<br>
<table>
<tr>
<tr><td>E<sub>x</sub> <input id='wave1on' class='polbox' type="checkbox" checked='true'/></td></tr>
<tr>
<td> Amplitude: </td><td id="wave1amp_disp"></td><td><div myPol='1' id='wave1amp' class='ampslider' style="display: inline-block; width: 400px; height: 10px;"></div></td>
</tr>
<tr>
<td> Phase: </td><td id="wave1phase_disp"></td><td><div myPol='1' id='wave1phase' class='polslider' style="display: inline-block; width: 400px; height: 10px;"></div></td>
</tr>
<table>
<br>
<br>
<table>
<tr>
<tr><td>E<sub>y</sub> <input id='wave2on' class='polbox' type="checkbox" checked='true'/> </td></tr>
<tr>
<td> Amplitude: </td><td id="wave2amp_disp"></td><td><div myPol='2' id='wave2amp' class='ampslider' style="display: inline-block; width: 400px; height: 10px;"></div></td>
</tr>
<tr>
<td> Phase: </td><td id="wave2phase_disp"></td><td><div myPol='2' id='wave2phase' class='polslider' style="display: inline-block; width: 400px; height: 10px;"></div></td>
</tr>
<table>
</div> <!-- Everything -->
<span id='fps'></span>
</body>
</html>