Path-optimization/index.html at master · vashi38/Path-optimization · GitHub

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
<html>
	<head>
	</head>
	<link rel="stylesheet" href="app.css"/>
	<script type="text/javascript" src="diji.js"></script>
	<script type="text/javascript" src="app.js"></script>
	<body onscroll="onscrollFun()">
		<div class="container width100">
			<h1 style="text-align:center;">CK-12 Metro Map</h1>
		</div>
		<div class="container width100" >
				<div id="after_scroll" class="more-z-index width100" style="position:fixed; top:0;background-color:white;display:none;">
					<center>
						<div  id="searchbox1" style="">
							<h4>CK-12 Metro Map</h4>							<input id = 'from_after' type="text" placeholder="From" class="scroll searchbox width20"/>
							<input id = 'to_after' type="text" placeholder="To" class="scroll searchbox width20"/>
							<input type="button" class="button button-small search scroll" value="Find Shortest Path" onclick="find(0)"/>
							<input type="button" class="button button-small search scroll" value="Find Quickest Path" onclick="find(1)"/>
							<div class="heading" ><h3 style="text-align:center">Results:<h3></div>
						</div>
					</center>
				</div>
				<div id="before_scroll" class="more-z-index width100">
					<center>
						<div  id="searchbox1" style="position:relative; top:0;background-color:white">
							<input id = 'from_before' type="text" placeholder="From" class="scroll searchbox width20"/>
							<input id = 'to_before' type="text" placeholder="To" class="scroll searchbox width20"/></br>
							<input type="button" class="button button-small search scroll" value="Find Shortest Path" onclick="find(0)"/>
							<input type="button" class="button button-small search scroll" value="Find Quickest Path" onclick="find(1)"/>
							<div class="heading" ><h3 style="text-align:center">Results:<h3></div>
						</div>
					</center>
				</div>

				<div class="width100 autoscroll">
					<div id = "res" class = "result width75 fl-left"></div>
					<div class="graph" id="my_path" style=""><img src="Capture.png" height="100%" width="100%"/></div>
			</div>
		</div>


	</body>
</html>