-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathchatfilter.html
58 lines (57 loc) · 1.81 KB
/
chatfilter.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
<!DOCTYPE html>
<html>
<head>
<title>Chat Filter</title>
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@700&display=swap" rel="stylesheet">
<style>
html, body{
width: 100%;
height: 100%;
background-color: #666;
}
*{
font-family: "Source Sans Pro", Helvetica, sans-serif;
margin: 0;
padding: 0;
}
form input{
position: fixed;
height:30px;
width: 90%;
bottom: 10px;
left: 10px;
font-size: 24px;
padding: 4px;
background-color: lightgray;
}
p{
font-size: 20px;
color:white;
margin:10px;
}
</style>
</head>
<body>
<p id="chatlog">Hello</p>
<form id="form" onsubmit="update()" action="">
<input id="textThing" type="text">
<input type="submit"
style="position: absolute; left: -9999px; width: 1px; height: 1px;"
tabindex="-1" />
</form>
<script>
$('#form').submit(function () {
sendContactForm();
return false;
});
function update(){
var e = document.getElementById("chatlog").value;
var text = document.getElementById("textThing").value;
var para = document.createElement("P"); // Create a <p> element
para.innerText = "This is a paragraph"; // Insert text
document.body.appendChild(para);
alert("Ok");
}
</script>
</body>
</html>