-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
executable file
·112 lines (99 loc) · 5.12 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
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
<!DOCTYPE html>
<html>
<head>
<title>Interactive Rights</title>
<link rel="stylesheet" type="text/css" href="main.css">
<meta name="viewport" content="width=device-width,user-scalable=no">
<script type="text/javascript">
var currentVis = 1;
// hide all iframes except the one selected via carousel
// stop draw loop if sketch is hidden
function changeVis(frameIndex) {
var numberOfFrames = document.getElementById("center").getElementsByTagName("iframe").length;
if(frameIndex != currentVis) {
for(i = 1; i <= numberOfFrames; i++) {
if(i == frameIndex) {
document.getElementById("visDiv" + i).style.visibility = "visible";
document.getElementById("visDiv" + i).style.zIndex = "100";
var isTutorialOff = document.getElementById("visDiv" + i).contentWindow.document.getElementsByClassName('chardinjs-overlay').length == 0 ? true : false;
if(isTutorialOff) document.getElementById("visDiv" + i).contentWindow.launchTutorial();
document.getElementById("visDivIcon" + i +"a").src = "images/visDivIcon" + i + "_y.png";
document.getElementById("visDivIcon" + i +"b").src = "images/visDivIcon" + i + "_y.png";
currentVis = i;
}
else {
document.getElementById("visDiv" + i).style.visibility = "hidden";
document.getElementById("visDiv" + i).style.zIndex = i;
document.getElementById("visDiv" + i).contentWindow.pauseDraw();
document.getElementById("visDivIcon" + i + "a").src = "images/visDivIcon" + i + "_w.png";
document.getElementById("visDivIcon" + i + "b").src = "images/visDivIcon" + i + "_w.png";
}
}
}
}
var loadedVisualizations = 0;
function trackLoadedVisualizations() {
var totalNumberOfVisualizations = document.getElementById("center").getElementsByTagName("iframe").length;
loadedVisualizations += 1;
// hide overlay
if(loadedVisualizations == totalNumberOfVisualizations) {
var overlayDIV = document.getElementById("overlay");
overlayDIV.parentNode.removeChild(overlayDIV);
}
}
</script>
</head>
<body>
<div id="overlay">
<div id="loading">Loading Visualizations</br>Please wait</div>
<div id="navigationCover"></div>
</div>
<div id="header">
<div id="title">
<a href="http://vislabweb.tacc.utexas.edu/InteractiveRights/index.html">Interactive Rights</a>
</div>
<table id="nav-bar-top">
<tr>
<td onmousedown="changeVis(1)" ontouchstart="changeVis(1)">
<span>1</span><a href="#"><img src="images/visDivIcon1_y.png" id="visDivIcon1a"/><p>Raining Rights</p></a>
</td>
<td onmousedown="changeVis(2)" ontouchstart="changeVis(2)">
<span>2</span><a href="#"><img src="images/visDivIcon2_w.png" id="visDivIcon2a"/><p>In/Out</p></a>
</td>
<td onmousedown="changeVis(3)" ontouchstart="changeVis(3)">
<span>3</span><a href="#"><img src="images/visDivIcon3_w.png" id="visDivIcon3a" /><p>Trivia</p></a>
</td>
<td onmousedown="changeVis(4)" ontouchstart="changeVis(4)">
<span>4</span><a href="#"><img src="images/visDivIcon4_w.png" id="visDivIcon4a"/><p>Circle of Rights</p></a>
</td>
</table>
</div>
<div id="center">
<iframe id="visDiv1" src="Bubbles/web/bubbles.html" width="100%" height="100%" style="visibility:visible; z-index:100" seamless></iframe>
<iframe id="visDiv2" src="InOrOut/web/inOrOut.html" width="100%" height="100%" style="visibility:hidden;" seamless></iframe>
<iframe id="visDiv3" src="Trivia/web/trivia.html" width="100%" height="100%" style="visibility:hidden;" seamless></iframe>
<iframe id="visDiv4" src="RadialBarGraph/web/radialBarGraph.html" width="100%" height="100%" style="visibility:hidden;" seamless></iframe>
</div>
<div id="footer">
<table id="nav-bar-bottom">
<tr>
<td onmousedown="changeVis(1)" ontouchstart="changeVis(1)">
<span>1</span><a href="#"><img src="images/visDivIcon1_y.png" id="visDivIcon1b"/><p>Raining Rights</p></a></a>
</td>
<td onmousedown="changeVis(2)" ontouchstart="changeVis(2)">
<span>2</span><a href="#"><img src="images/visDivIcon2_w.png" id="visDivIcon2b"/><p>In/Out</p></a>
</td>
<td onmousedown="changeVis(3)" ontouchstart="changeVis(3)">
<span>3</span><a href="#"><img src="images/visDivIcon3_w.png" id="visDivIcon3b"/><p>Trivia</p></a>
</td>
<td onmousedown="changeVis(4)" ontouchstart="changeVis(4)">
<span>4</span><a href="#"><img src="images/visDivIcon4_w.png" id="visDivIcon4b"/><p>Circle of Rights</p></a>
</td>
</tr>
</table>
<div id="ut-branding">
<span>The University of Texas at Austin</span>
</div>
</div>
</body>
</html>