-
Notifications
You must be signed in to change notification settings - Fork 1
/
chatbox.php
119 lines (110 loc) · 2.37 KB
/
chatbox.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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<?php
session_start();
//session_destroy();
?>
<?php
if(isset($_POST['logout']))
{
session_destroy();
header("Location:k.php");
}
if(!isset($_SESSION['name']))
{
header("Location:k.php");
}
$servername = "localhost";
$usern = "root";
$passw = "";
$dbname="chat";
$conn = new mysqli($servername, $usern, $passw,$dbname);
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
if(isset($_POST['reg']))
{
$sessionname=$_SESSION['name'];
$message=$_POST['message'];
$sql1="INSERT INTO messages (username,message) VALUES('".$sessionname."','".$message."')";
if($conn->query($sql1)==true)
{
echo "message sent";
echo "<br>";
}
}
?>
<html>
<head>
<style>
.chat
{
background-color:#CCC;
width:100%;
height:400px;
overflow:scroll;
}
.message
{
background-color:#0F6;
width:100%;
height:100px;
}
button {
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 8px 580px ;
border: none;
cursor: pointer;
width: 10%;
}
button:hover {
opacity: 0.8;
}
</style>
<script type="text/javascript" src="js/jquery-1.10.2.min.js" ></script>
</head>
<body background="pexels-photo-110854.jpeg">
<form method="post">
<button name="logout" class="logout" >Logout</button>
</form>
<p name="chatroom" class="chat" id="display"></p>
<form method="POST" onsubmit="return loaddata();">
<br>
<input type="text" name="message" onkeyup="loaddata();" onfocus="loaddata();" placeholder="Enter Your Message" class="message"/>
<br>
<button name="reg" style="float:centre">SEND</button>
</form>
<script type="text/javascript" src="jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#display').animate({
scrollTop: $('#display').get(0).scrollHeight}, 2000);
});
window.addEventListener("online",function(){loaddata();});
window.addEventListener("focus",function(){loaddata();});
window.addEventListener("mouseover",function(){loaddata();});
function loaddata()
{
$.ajax({
type: 'post',
url: 'select.php',
data: {
},
success: function (response) {
$( '#display' ).html(response);
}
});
}
setInterval(function(){
$.ajax({
url:'select.php',
data:{ajaxget:true},
method:'post',
success:function(data){
$('#result').html(response);
}
})
},1000);
</script>
</body>
</html>