-
Notifications
You must be signed in to change notification settings - Fork 0
/
OPR_Graph.html
87 lines (78 loc) · 3.99 KB
/
OPR_Graph.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- Java query for Navbar -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
<!-- Font awesome -->
<script defer src="https://use.fontawesome.com/releases/v5.0.7/js/all.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<!-- bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
<!-- external css -->
<link rel="stylesheet" href="css/styles.css">
<title>Optimal_Graph</title>
<!-- <link rel="stylesheet" href="./Assets/CSS/backgrond/style.css">
<link rel="stylesheet" href="./Assets/CSS/Nav/Css_nav.css"> -->
<!-- <link rel="stylesheet" href="./Assets/CSS/Graph/Css_Graph.css"> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.bundle.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
Page Replacement > FIFO > GRAPH
</a>
</div>
</nav>
<div style="height: 100px;">
<!-- <button onclick="myFunction()" id="dark">Dark</button>
<button onclick="topFunction()" id="myBtn" class="up" title="Go to top">>>></button> -->
</div>
<div id="se" class="container graphbg">
<div>
<h2 class="runHead">
Graph OF Optimal Page Replacement :-
</h2>
</div>
<div>
<form action="action.php" method="GET">
<div class="replce01" id="q2">
<label class="lab" for="inputs" class="label-1">Order of pages :</label>
<input type="text" placeholder="Ex: 2 4 5 6 2 6" id="inputs" name="in" class="input-1">
</div>
<div class="replce01" id="q1">
<label class="lab" for="nFrames">Number Of Frames : </label>
<input type="number" placeholder="Ex: 2 " id="nFrames" name="frames" class="input-1">
</div>
</form>
<div class="button col-md-6">
<button class="btnxyz" id="btn" onclick="Graph()"> Show Graph</button>
<button class="btnxyz" class="input" id="submit" onClick=reset()>Reset</button>
</div>
<div class="backco">
<div class="loading-screen" id="loading-screen" style="display: none;"></div>
<div class="myDiv" id='myDiv'></div>
<canvas id="myChart" style="display: none;" width="900" height="300"></canvas>
</div>
</div>
<!-- <div class="lb" id="gave_ma">
<a class="btn set01" id="fs" href="./optimal01.html"> Simulation</a>
<a class="btn set01" href="./optimal.html">Explaination</a>
</div> -->
</div>
<footer id="last">
<h2>Virtual project created by:</h2>
<p>Shivam Pansuriya(20BCP280)</p>
</footer>
<script src="./Assets/js/Graph/OPR.js"></script>
<script src="./Assets/js/Javascript_topGO/Javascript_topGo.js"></script>
<script src="./Assets/js/Javascript_topGO/Dark_mode.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="./Assets/js/Javascript_Canvas/Javascript_Canvas.js"></script>
<script src="./Assets/js/Javascript_nav/Javascript_nav.js"></script>
<script>
</script>
</body>
</html>