-
Notifications
You must be signed in to change notification settings - Fork 3
/
old_index.html
105 lines (103 loc) · 6.04 KB
/
old_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
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
<html>
<head>
<title>Open Human o3d</title>
<link rel="stylesheet" href="default.css" type="text/css" media="screen"></style>
<!-- Set the path to the c3dl library and load the script -->
<script type="application/javascript" src="o3djs/base.js"></script>
<script type="application/javascript" src="js/jquery-1.3.2.min.js" ></script>
<script type="application/javascript" src="js/jquery-ui-1.7.2.custom.min.js" ></script>
<link rel="stylesheet" href="css/smoothness/jquery-ui-1.7.2.custom.css" type="text/css" media="screen" />
<!-- <link rel="stylesheet" href="css/custom-theme.f1lt3r/jquery-ui-1.7.custom.css" type="text/css" media="screen" /> -->
<script type="application/javascript" src="floatingbrowsers.js"></script>
<script type="application/javascript" src="uielements.js"></script>
<script type="application/javascript" src="trackball.js"></script>
<script type="application/javascript" src="getDataFromDB.js"></script>
<script type="application/javascript" src="interface1.2/interface.js"></script>
<script type="application/javascript" src="o3d_main.js"></script>
<!-- <link rel="stylesheet" type="text/css" href="niftyCorners.css"/>
<link rel="stylesheet" type="text/css" href="niftyPrint.css" media="print"/>
<script type="text/javascript" src="nifty.js"></script> -->
</head>
<body oncontextmenu="return false;" onload="init();" onunload="uninit();">
<div id="container">
<div id="top" align=center>
<h1>Open Human <img src="openhumanlogo.png" style="height: 25px; width: 30px;"></img></h1>
</div>
<div id="leftnav">
<p>
Choose which type of information you want for clicked objects.
</p>
<p><a href="#" id="dialog_link" class="ui-state-default ui-corner-all dialoglink"><span class="ui-icon ui-icon-newwin"></span>Google</a></p>
<p><a href="#" id="dialog_link2" class="ui-state-default ui-corner-all dialoglink"><span class="ui-icon ui-icon-newwin"></span>Wikipedia</a></p>
<iframe src="http://google.com" id="dialog" title="Google" style="width:640px;height:480px"></iframe>
<iframe src="http://en.wikipedia.org/wiki/Main_Page" id="dialog2" title="en.wikipedia" style="width:800px;height:600px"></iframe>
<br></br><br></br>
<span id='debug'>0</span>
</div>
<div id="content">
<div id="o3d""></div>
<BR>
<input type="text" id="url" size="100">
<input type="button" id="load" onclick="doload();" value="Append Object"><BR>
<div style="color: red;" id="loading"></div>
<!-- <canvas id="mainCanvas" style="border: 2px solid blue; cursor:move;" height="600px" width="800px"></canvas> -->
<!-- Add a canvas element to the page. It is scripted by using its id -->
<br></br>
<div class="fg-toolbar ui-widget-header ui-helper-clearfix ui-corner-all">
<div id="tb_selected">Object Selected:</div>
<div class="fg-buttonset">
<button id="info" class="fg-button fg-button-icon-left ui-state-default ui-corner-all"><span class="ui-icon ui-icon-info"></span>Info</button>
<button id="hide" class="fg-button fg-button-icon-left ui-state-default ui-corner-all"><span class="ui-icon ui-icon-minusthick"></span>Hide</button>
<button id="show" class="fg-button fg-button-icon-left ui-state-default ui-corner-all"><span class="ui-icon ui-icon-plusthick"></span>Show</button>
<button id="hideall" class="fg-button fg-button-icon-left ui-state-default ui-corner-all"><span class="ui-icon ui-icon-circle-minus"></span>Hide All</button>
<button id="showall" class="fg-button fg-button-icon-left ui-state-default ui-corner-all"><span class="ui-icon ui-icon-circle-plus"></span>Show All</button>
<button id="reset" class="fg-button fg-button-icon-left ui-state-default ui-corner-all"><span class="ui-icon ui-icon-refresh"></span>Reset View</button>
<!-- <a href="#" id="button2" class="fg-button fg-button-icon-left ui-state-default ui-corner-all"><span class="ui-icon ui-icon-circle-plus"></span>link</a> -->
</div>
</div>
</div>
<div id="rightnav">
<div id="demo">
<!--
<p class="ui-state-default ui-corner-all ui-helper-clearfix" style="padding:4px;">
<span class="ui-icon ui-icon-volume-on" style="float:left; margin:-2px 5px 0 0;"></span>
Master volume
</p>
<div id="master" style="width:auto; margin:15px;"></div>
-->
<p class="ui-state-default ui-corner-all" style="padding:4px;margin-top:1em;">
<span class="ui-icon ui-icon-signal" style="float:left; margin:-2px 5px 0 0;"></span>
Navigation Controls
</p>
<div>
<div id="zoomscroller"></div>
<div id="scalingscroller"></div>
<div id="rotatebutton"></div>
<div id="panbutton"></div>
</div>
<a href="#" id="rot_up"><span class="invisible">UR</span></a>
<a href="#" id="rot_down"><span class="invisible">DR</span></a>
<a href="#" id="rot_left"><span class="invisible">LR<span></a>
<a href="#" id="rot_right"><span class="invisible">RR</span></a>
<a href="#" id="pan_up"><span class="invisible">UP</span></a>
<a href="#" id="pan_down"><span class="invisible">DP<span></a>
<a href="#" id="pan_left"><span class="invisible">LP</span></a>
<a href="#" id="pan_right"><span class="invisible">RP</span></a>
<div id="indicator"></div>
<div id="zoom_label">Zoom</div>
<div id="scale_label">Scale</div>
<div id="rotate_label">Rotate</div>
<div id="pan_label">Pan</div>
</div><!-- End demo -->
<br><br>
<a href="#" id="dialog_hotkeys" class="fg-button-icon-left fg-button ui-state-default ui-corner-all"><span class="ui-icon ui-icon-comment"></span>Instructions</a>
<br>
<div id="instructions_box">Use the Controls above to zoom,scale,rotate and pan around the body<br></br>Other Features: <br>-- Right click on an object to select organ<br>-- Info button opens wikipedia article about organ<br>-- Hide button hides selected organ <br>-- Hide All button hides all organs<br>-- Show All button shows all organs</div>
</div>
</div>
<div id="push"><div>
<div id="footer">
Created by EruditeHermit <span id="amolink">This content requires Firefox with the <a href="http://code.google.com/apis/o3d/" id="link to o3d plugin">o3d</a> plugin.</span>
</div>
</body>
</html>