-
Notifications
You must be signed in to change notification settings - Fork 0
/
venues.php
70 lines (65 loc) · 2.7 KB
/
venues.php
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
<?php $pgtitle = "Venues"; ?>
<?php include("header.php"); ?>
<div class="container mt-4">
<div class="form-group d-block d-md-none">
<select class="form-control" id="selectTab" onchange="showVenue(this.value)">
<option value='stadium' name='stadium'>John Davis Titan Stadium</option>
<option value='fieldhouse' name='fieldhouse'>David Pasquini Fieldhouse</option>
<option value='xccourse' name='xccourse'>Cross Country Course</option>
<option value='campus' name='campus'>Campus Map</option>
</select>
</div>
<div class="row">
<div class="col-12 col-md-3">
<div class="nav flex-column nav-pills d-none d-md-block" id="list" aria-orientation="vertical">
<a class="nav-link" id="stadium-toggle" onclick="showVenue(this.id)">John Davis Titan
Stadium<br>(Outdoor Track)</a>
<a class="nav-link" id="fieldhouse-toggle" onclick="showVenue(this.id)">David Pasquini
Fieldhouse<br>(Indoor Track)</a>
<a class="nav-link" id="xccourse-toggle" onclick="showVenue(this.id)">Cross Country Course</a>
<a class="nav-link" id="campus-toggle" onclick="showVenue(this.id)">Campus Map</a>
</div>
</div>
<div class="col-12 col-md-9" id="venue">
</div>
</div>
</div>
<script>
function showVenue(v) {
t = v;
v = v.replace("-toggle", "");
var xhttp;
xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("venue").innerHTML = this.responseText;
}
};
xhttp.open("GET", "/includes/venues/" + v, true);
xhttp.send();
var btnContainer = document.getElementById("list");
// Get all buttons with class="btn" inside the container
var btns = btnContainer.getElementsByClassName("nav-link");
// Loop through the buttons and add the active class to the current/clicked button
for (var i = 0; i < btns.length; i++) {
if (t == btns[i].id) {
btns[i].classList.add("active");
} else {
btns[i].classList.remove("active");
}
}
window.location.hash = v;
}
window.onload = function() {
if (window.location.hash) {
hash = window.location.hash;
if (hash.substring(0, 1) == '#') {
hash = hash.substring(1, hash.length);
}
showVenue(hash + "-toggle");
} else {
showVenue("stadium-toggle");
}
};
</script>
<?php include("footer.php"); ?>