Web_GUI/Wlan.html at main · Abhra121/Web_GUI · 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
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
<html>
<head>
<title>Wlan Page</title>
<link rel="stylesheet" type="text/css" href="navigation.css">
</head>
<div class="navbar">
  <a href="navigation.html">Home</a>
  <a href="Wlan.html">Wlan</a>

  <a href="Logout.html">Logout</a>
</div>

<div class="main">
  <p>..</p>
</div>

<div style="position: relative">
<p style="position: fixed; bottom: 0; width:100%; text-align: center"></p>
</div>

<body>

<link href="site.css" rel="stylesheet">
<h1>Welcome to Wireless LAN Setup Page</h1>
<h3><b><center>Client Settings</center></b></h3>

<style>
body {font-family: Arial, Helvetica, sans-serif;}
button:hover {
  opacity: 0.8;
}form {border: 3px solid #f1f1f1;}

input[type=text], input[type=password] {
  width: 50%;
  padding: 12px 20px;
  margin: 10px 5;
  display: inline-block;
  border: 2px solid #ccc;
  box-sizing: border-box;
}

button {
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 10px 5;
  border: none;
  cursor: pointer;
  width: 50%;
}
</style>


<div class="container">
<div align="center">
<form action="store.php" method="POST" enctype="multipart/form-data">
<input type="text" name="SSID" placeholder="Enter your SSID">
<input type="password" name="password" placeholder="Enter your password">
<button type="Submit" button id="run_connect" name="Connect">CONNECT</button>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"><$
<script>
$('#run_connect').on('click', function() {
    $.ajax({
        url : 'store.php'
    }).done(function(data) {
        console.log(data);
        alert(data);
    });
});
</script>

</form>
</div>
</div>

<center>
<button id="run_system">SCAN WIFI</button>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$('#run_system').on('click', function() {
    $.ajax({
        url : 'scan.php'
    }).done(function(data) {
        console.log(data);
        alert(data);
    });
});
</script>
</center>

</body>
</html>