-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
201 lines (186 loc) · 8.41 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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CampusNav</title>
<link rel="icon" type="image/x-icon" href="/images/car.png" />
<link rel="stylesheet" href="main.css" />
<link rel="stylesheet" href="second.css" />
<link rel="stylesheet" href="first.css" />
<link rel="stylesheet" href="ground.css" />
</head>
<body class="noselect">
<div class="BACK">
<img src="" alt="" />
</div>
<div class="mainPage">
<div class="header">
<img src="" alt="" class="mainlogo" />
<h2>WELCOME TO JIIT-62</h2>
<h4>CampusNav is a web application designed to help new students or anyone who is new or has lost their way in JIIT Noida</h4>
</div>
<div class="choices ">
<img class="maps" src="http://www.jiit.ac.in/jiit/ETTIC/assets/img/jiit_logo.png" alt="" />
<div class="choice">
<div class="choice-button">
<button id="className" onclick="handlePages('className')" type="button">Search For events</button>
</div>
<div class="choice-button">
<button id="route" onclick="handlePages('findRoute')" type="button">Get a route to Your Classroom</button>
</div>
</div>
</div>
<div class="className none">
<div class="findClass">
<input id="cls" type="text" id="roomNumber" oninput="handleSearch()" placeholder="Enter classroom...">
<div class="search-btn">
<button type="button" onclick="findclass()">Search</button>
<button type="button" onclick="goBack()">Back</button>
</div>
</div>
<ul id="myUL" class="list none" onload="createList()">
</ul>
<div id="displayClass" class="displayClass none">
Classroom Names :
</div>
</div>
<div class="findRoute none">
<h4>Find best path towards your classroom</h4>
<div class="search">
<div>
<select name="start" id="start" class="s">
<option value="">Select Starting Point</option>
</select>
</div>
<div>
<select name="end" id="end">
<option value="">Select Destination</option>
</select>
</div>
<div class="search-btn">
<button type="button" id="searchBtn">Search Path</button>
</div>
<div class="search-btn">
<button type="button" onclick="goBack()">Back</button>
</div>
</div>
</div>
</div>
<div class="display none">
<div class="buttons">
<div id="path" class="path">
<strong>Intermediate Classroom List : </strong>
</div>
<div class="secondButton">
<button type="button" onclick="showOnMap('open')">Show on Map</button>
</div>
<div class="secondButton">
<button type="button" onclick="goBack()">Back to Home</button>
</div>
</div>
<div id="ground" class="groundFloor none">
<div class="blur"></div>
<h1>Ground Floor</h1>
<div id="G1" class="ground ground24">G1</div>
<div id="G2" class="ground ground12">G2</div>
<div id="G3" class="ground ground26">G3</div>
<div id="G4" class="ground ground9">G4</div>
<div id="G5" class="ground ground51">G5</div>
<div id="G6" class="ground ground17">G6</div>
<div id="G7" class="ground ground36">G7</div>
<div id="G8" class="ground ground22">G8</div>
<div id="G9" class="ground ground37">G9</div>
<div id="LT-1" class="ground ground28">LT-1</div>
<div id="LT-2" class="ground ground14">LT-2</div>
<div id="LT-3" class="ground ground15">LT-3</div>
<div id="PRINT-SHOP" class="ground ground49">PRINT-SHOP</div>
<div id="UNIFORM-SHOP" class="ground ground32">UNIFORM-SHOP</div>
<div id="HSS-DEPARTMENT" class="ground ground46">HSS-DEPARTMENT</div>
<div id="LANGUAGE-LAB" class="ground ground61">Language Lab</div>
<div id="HOUSE-KEEPING" class="ground ground45">HOUSE KEEPING</div>
<div id="WASHROOM-G1" class="ground ground33">WASHROOM</div>
<div id="WASHROOM-LT3" class="ground ground50">WASHROOM</div>
<div id="WASHROOM-LT2" class="ground ground39">WASHROOM</div>
<div id="WASHROOM-LT1" class="ground ground27">WASHROOM</div>
<div id="WASHROOM-LL" class="ground ground29">WASHROOM</div>
<div id="RECEPTION" class="ground ground42">RECEPTION</div>
<div id="STAIRS-G6" class="ground ground62">STAIRS</div>
<div id="STAIRS-PS" class="ground ground10">STAIRS</div>
<div id="STAIRS-LT2" class="ground ground52">STAIRS</div>
<div id="STAIRS-R" class="ground ground48">STAIRS</div>
<div id="ENG-DEPT" class="ground ground322">ENGENEERING DEPT</div>
<div id="GROUND" class="ground ground19">GROUND</div>
</div>
<div id="firstFloor" class="firstFloor none">
<h1>First Floor</h1>
<div id="FF1" class="rectangle rectangle24">FF1</div>
<div id="FF2" class="rectangle rectangle22">FF2</div>
<div id="FF3" class="rectangle rectangle21">FF3</div>
<div id="FF4" class="rectangle rectangle20">FF4</div>
<div id="FF5" class="rectangle rectangle18">FF5</div>
<div id="FF6" class="rectangle rectangle7">FF6</div>
<div id="FF7" class="rectangle rectangle6">FF7</div>
<div id="FF8" class="rectangle rectangle36">FF8</div>
<div id="FF9" class="rectangle rectangle37">FF9</div>
<div id="BIOTECH-LAB-1" class="rectangle rectangle28">BIOTECH LAB 1</div>
<div id="BIOTECH-LAB-2" class="rectangle rectangle12">BIOTECH LAB 2</div>
<div id="BIOTECH-DEPARTMENT-1" class="rectangle rectangle41">BIOTECH DEPARTMENT</div>
<div id="TELEPHONE-EXCHANGE" class="rectangle rectangle34">TELEPHONE EXCHANGE</div>
<div id="MATHS-DEPARTMENT-1" class="rectangle rectangle42">MATHS DEPARTMENT</div>
<div id="ELECTRICAL-AND-MACHINE" class="rectangle rectangle32">ELECTRICAL-AND-MACHINE</div>
<div id="TECHNOLOGY-SOLUTION-FOR-SOIL-AND-WATER" class="rectangle rectangle3">TECHNOLOGY-SOLUTION-FOR-SOIL-AND-WATER</div>
<div id="WASHROOM-BD" class="rectangle rectangle31">WASHROOM</div>
<div id="WASHROOM-MF" class="rectangle rectangle33">WASHROOM</div>
<div id="WASHROOM-BT1" class="rectangle rectangle29">WASHROOM</div>
<div id="WASHROOM-BT2" class="rectangle rectangle43">WASHROOM</div>
<div id="WASHROOM-BT3" class="rectangle rectangle13">WASHROOM</div>
<div id="WASHROOM-BT4" class="rectangle rectangle46">WASHROOM</div>
<div id="STAIRS-S1" class="rectangle rectangle45">STAIRS</div>
<div id="STAIRS-S2" class="rectangle rectangle4">STAIRS</div>
<div id="STAIRS-S3" class="rectangle rectangle39">STAIRS</div>
<div id="STAIRS-S4" class="rectangle rectangle26">STAIRS</div>
<div id="STAIRS-S5" class="rectangle rectangle30">STAIRS</div>
<div id="STAIRS-S6" class="rectangle rectangle48">STAIRS</div>
</div>
<div id="SecondFloor" class="secondFloor none">
<h1>Second Floor</h1>
<div id="TS1" class="room room33">TS1</div>
<div id="TS2" class="room room24">TS2</div>
<div id="TS5" class="room room19">TS5</div>
<div id="TS6" class="room room20">TS6</div>
<div id="TS7" class="room room7">TS7</div>
<div id="TS8" class="room room17">TS8</div>
<div id="TS9" class="room room10">TS9</div>
<div id="TS10" class="room room2">TS10</div>
<div id="TS11" class="room room34">TS11</div>
<div id="TS12" class="room room3">TS12</div>
<div id="CS-1" class="room room23">CS-1</div>
<div id="CS-2" class="room room22">CS-2</div>
<div id="CS-3" class="room room18">CS-3</div>
<div id="CS-4" class="room room11">CS-4</div>
<div id="PHYSICS-LAB" class="room room1">PHYSICS LAB</div>
<div id="EDGER_F_CODD_HALL" class="room room25">EDGER_F_CODD_HALL</div>
<div id="PHD" class="room room16">PHD</div>
<div id="HSS-DEPARTMENT-2" class="room room32">HSS AND PHYSICS DEPARTMENT</div>
<div id="COMMUNICATION-LAB" class="room room37">COMMUNICATION LAB</div>
<div id="TNP-DEPARTMENT" class="room room12">TNP DEPARTMENT</div>
<div id="SAMADHAN-SAMBHAG" class="room room27">SAMADHAN SAMBHAG</div>
<div id="WASHROOM-TS2" class="room room14">WASHROOM</div>
<div id="WASHROOM-TP" class="room room8">WASHROOM</div>
<div id="WASHROOM-H" class="room room26">WASHROOM</div>
<div id="WASHROOM-P1" class="room room30">WASHROOM</div>
<div id="WASHROOM-P2" class="room room31">WASHROOM</div>
<div id="WASHROOM-PL1" class="room room28">WASHROOM</div>
<div id="WASHROOM-PL2" class="room room29">WASHROOM</div>
<div id="WASHROOM-W" class="room room15">WASHROOM</div>
<div id="STAIR-F1" class="room room36">WASHROOM</div>
<div id="STAIR-F2" class="room room35">WASHROOM</div>
<div id="STAIR-F3" class="room room6">WASHROOM</div>
</div>
</div>
<script src="rooms.js"></script>
<script src="mapping.js"></script>
</body>
</html>