-
Notifications
You must be signed in to change notification settings - Fork 0
/
PV1_Labs - Copy.html
88 lines (82 loc) · 3.6 KB
/
PV1_Labs - Copy.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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<link rel="icon"
type="image/png"
href="./images/m.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Professor Landing Page</title>
<link rel="stylesheet" href="css/profView.css">
<script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
//Default Action
$(".tab_content").hide(); //Hide all content
$("ul.tabs li:first").addClass("active").show(); //Activate first tab
$(".tab_content:first").show(); //Show first tab content
//On Click Event
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".tab_content").hide(); //Hide all tab content
var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active content
return false;
});
});
</script>
</head>
<body>
<div class="container-fluid" style="width:100%; height:100px;">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="PV1_Home.html"><font size="6"><img src="./images/banner.png" alt="info_text1" width = "500px" height = "80px"></font></a>
</div>
<div class="navbar-collapse collapse" style="background-image: url(wallpaper.jpg); width:100%">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Settings</a></li>
<li><a href="#">Profile</a></li>
<li><a href="#">Help</a></li>
</ul>
</div>
</div>
<div style="height:5px; width:100%; background-color:#FFFFFF;"></div>
<div id = "page_container" style=" width:100%" align="center">
<div id = "mysidebar" style="float:left; width:11%; height:277px; background-color:#FFFF;" >
<ul class="nav2 nav-sidebar">
<li><a href="PV1_Home.html">Calendar</a></li>
<li><a href="PV1_Assignment.html">Assignment</a></li>
<li><a href="PV1_Exams.html">Exams</a></li>
<li><a href="PV1_Labs.html"><div id ="active2">Labs</div></a></li>
<li><a href="PV1_Events.html">Events</a></li>
</ul>
</div>
<div id = "Page_content" style="float:left; width:89%; height:630px;">
<h2><select>
<option value="CPSC 310">CPSC 110</option>
<option value="CPSC 320">CPSC 320</option>
<option value="CPSC 304">CPSC 304</option>
<option value="CPSC 344">CPSC 344</option>
</select></h2>
<h1>Labs</h1>
</div>
<div id="footer_2" style="background-color:#000000;clear:both;text-align:center;"><font color="white">
Copyright TeamMinions.com</font></div>
</body>
</html>
<script type=”text/javascript”>
function tab(tab) {
document.getElementById(‘tab1′).style.display = ‘none’;
document.getElementById(‘tab2′).style.display = ‘none’;
document.getElementById(‘li_tab1′).setAttribute(“class”, “”);
document.getElementById(‘li_tab2′).setAttribute(“class”, “”);
document.getElementById(tab).style.display = ‘block’;
document.getElementById(‘li_’+tab).setAttribute(“class”, “active”);
}
</script>