-
Notifications
You must be signed in to change notification settings - Fork 0
/
newBlog.html
56 lines (46 loc) · 1.57 KB
/
newBlog.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
<!DOCTYPE html>
<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>New Blog</title>
<link rel="stylesheet" href="./packages/css/new.css">
</head>
<body>
<!-- <div class="container" class="modal-content"> -->
<div class="content">
<div class="modal-header">
<span class="close">×</span>
</div>
<h1>UPLOAD NEW BLOG</h1>
<form id="postBlog" method="POST" >
<input type="text" name="name" id="postTitle" placeholder="blog title" ><br>
<textarea name="details" id="postDetails" placeholder="description" rows="7" cols="40" style="width:100%;max-width:350px;"></textarea>
<br>
<input type="file" name="image" id="postImage"/><br>
<div>
<button class="btn" type="submit" onclick="pop()"> UPLOAD </button>
</div>
<p class="text"> <a href="dashboard.html">Go back to dashboard</a> </p>
</form>
</div>
<script src="./packages/js/blog.js"></script>
<script>
var modal = document.getElementById("myModal");
var btn = document.getElementById("myBtn");
var span = document.getElementsByClassName("close")[0];
span.onclick = function() {
modal.style.display = "none";
}
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
function pop(){
window.alert("POST ADDED SUCCESSFULLY")
}
</script>
<script src="./packages/js/global.js"></script>
</body>
</html>