-
Notifications
You must be signed in to change notification settings - Fork 0
/
newEmployee.php
79 lines (73 loc) · 1.85 KB
/
newEmployee.php
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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="./demo/styles.css">
<title>New Employee</title>
</head>
<body>
<div id="carbonForm">
<h1>New Employee</h1>
<div class = "fieldContainer">
<div class = "formRow">
<div class = "label">
<label for = "fname">First Name</label>
</div>
<div class = "field">
<input type = "text" id = "fname">
</div>
</div>
<div class = "formRow">
<div class = "label">
<label for = "lname">Last Name</label>
</div>
<div class = "field">
<input type = "text" id = "lname">
</div>
</div>
<div class = "formRow">
<div class = "label">
<label for = "phone">Phone</label>
</div>
<div class = "field">
<input type = "text" id = "phone">
</div>
</div>
<div class = "formRow">
<div class = "label">
<label for = "email">Email</label>
</div>
<div class = "field">
<input type = "text" id = "email">
</div>
</div>
</div>
<div class = "signupButton">
<button type = "button" id = "submit" onclick = insertEmployee()>Add New Employee</button>
</div>
</div>
<h2 id="footer"><a href="./Employee.php">Go Back To Employee »</a></h2>
<script>
function insertEmployee() {
var fname = document.getElementById('fname').value;
var lname = document.getElementById('lname').value;
var phone = document.getElementById('phone').value;
var email = document.getElementById('email').value;
var req = new XMLHttpRequest();
req.onreadystatechange = function() {
if (req.readyState == 4 && req.status == 200)
{
req.responseText;
}
}
req.open("GET", "insertEmployee.php?fname=" + fname
+ "&lname=" + lname
+ "&phone=" + phone
+ "&email=" + email
);
req.send();
alert("Added New Employee Successfully");
location.replace("./Employee.php");
}
</script>
</body>
</html>