if (isset($_POST['submit'])){
if
(isset(
$_POST
[
'submit'
])){
$link = mysqli_connect("localhost",
$link
= mysqli_connect(
"localhost"
,
"root", "", "chat_app");
"root"
""
"chat_app"
);
if($link === false){
(
=== false){
die("ERROR: Could not connect. "
die
"ERROR: Could not connect. "
. mysqli_connect_error());
}
$un= mysqli_real_escape_string(
$un
= mysqli_real_escape_string(
$link, $_REQUEST['uname']);
$_REQUEST
'uname'
]);
$m = mysqli_real_escape_string(
$m
$link, $_REQUEST['msg']);
'msg'
date_default_timezone_set('Asia/Kolkata');
date_default_timezone_set(
'Asia/Kolkata'
$ts=date('y-m-d h:ia');
$ts
=
date
'y-m-d h:ia'
$sql = "INSERT INTO chats (uname, msg, dt)
$sql
= "INSERT INTO chats (uname, msg, dt)
VALUES ('$un', '$m', '$ts')";
VALUES (
'$un'
'$m'
'$ts'
)";
if(mysqli_query($link, $sql)){
(mysqli_query(
)){
;
} else{
else
{
echo "ERROR: Message not sent!!!";
echo
"ERROR: Message not sent!!!"
mysqli_close($link);
mysqli_close(
?>
*{
box-sizing:border-box;
body{
background-color:#abd9e9;
font-family:Arial;
#container{
width:500px;
height:700px;
background:white;
margin:0 auto;
font-size:0;
border-radius:5px;
overflow:hidden;
main{
display:inline-block;
font-size:15px;
vertical-align:top;
main header{
height:100px;
padding:30px 20px 30px 40px;
background-color:#622569;
main header > *{
main header img:first-child{
width:24px;
margin-top:8px;
main header img:last-child{
main header div{
margin-left:90px;
margin-right:90px;
main header h2{
font-size:25px;
margin-top:5px;
text-align:center;
color:#FFFFFF;
main .inner_div{
padding-left:0;
margin:0;
list-style-type:none;
position:relative;
overflow:auto;
height:500px;
background-image:url(
https:
background-position:center;
background-repeat:no-repeat;
background-size:cover;
position: relative;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
main .triangle{
width: 0;
height: 0;
border-style: solid;
border-width: 0 8px 8px 8px;
border-color: transparent transparent
#58b666 transparent;
margin-left:20px;
clear:both;
main .message{
padding:10px;
color:#000;
margin-left:15px;
background-color:#58b666;
line-height:20px;
max-width:90%;
text-align:left;
main .triangle1{
border-color: transparent
transparent #6fbced transparent;
margin-right:20px;
float:right;
main .message1{
margin-right:15px;
background-color:#6fbced;
main footer{
height:150px;
padding:20px 30px 10px 20px;
main footer .input1{
resize:none;
border:100%;
display:block;
width:120%;
height:55px;
border-radius:3px;
padding:20px;
font-size:13px;
margin-bottom:13px;
main footer textarea{
width:140%;
main footer .input2{
width:40%;
margin-left:100px;
color:white;
background-color:black;
border: 2px solid white;
main footer textarea::placeholder{
color:#ddd;
"show_func()">
"show_func()"
>
"container"> "> GROUP CHAT "> function show_func(){ var element = document.getElementById("chathist"); element.scrollTop = element.scrollHeight; } "myform" action="Group_chat.php" method="POST" >class="inner_div" id="chathist">$host = "localhost";$user = "root";$pass = "";$db_name = "chat_app";$con = new mysqli($host, $user, $pass, $db_name);$query = "SELECT * FROM chats"; $run = $con->query($query); $i=0; while($row = $run->fetch_array()) : if($i==0){ $i=5; $first=$row; ?> "triangle1" class="triangle1"> "message1" class="message1"> "color:white;float:right;"> echo $row['msg']; ?> echo $row['uname']; ?>, echo $row['dt']; ?> }else{ if($row['uname']!=$first['uname']){?> "triangle" class="triangle"> "message" class="message"> "color:white;float:left;"> echo $row['msg']; ?> echo $row['uname']; ?>, echo $row['dt']; ?> }else{?> "triangle1" class="triangle1"> "message1" class="message1"> "color:white;float:right;"> echo $row['msg']; ?> echo $row['uname']; ?>, echo $row['dt']; ?> }}endwhile;?> class="input1" type="text" id="uname" name="uname" placeholder="From"> "msg" name="msg" rows='3' cols='50' placeholder="Type your message"> class="input2" type="submit" id="submit" name="submit" value="send">
"container"
">
GROUP CHAT
function show_func(){
function
show_func(){
var element = document.getElementById("chathist");
var
element = document.getElementById(
"chathist"
element.scrollTop = element.scrollHeight;
"myform" action="Group_chat.php" method="POST" >
"myform"
action=
"Group_chat.php"
method=
"POST"
class="inner_div" id="chathist">$host = "localhost";$user = "root";$pass = "";$db_name = "chat_app";$con = new mysqli($host, $user, $pass, $db_name);$query = "SELECT * FROM chats"; $run = $con->query($query); $i=0; while($row = $run->fetch_array()) : if($i==0){ $i=5; $first=$row; ?> "triangle1" class="triangle1"> "message1" class="message1"> "color:white;float:right;"> echo $row['msg']; ?> echo $row['uname']; ?>, echo $row['dt']; ?> }else{ if($row['uname']!=$first['uname']){?> "triangle" class="triangle"> "message" class="message"> "color:white;float:left;"> echo $row['msg']; ?> echo $row['uname']; ?>, echo $row['dt']; ?> }else{?> "triangle1" class="triangle1"> "message1" class="message1"> "color:white;float:right;"> echo $row['msg']; ?> echo $row['uname']; ?>, echo $row['dt']; ?> }}endwhile;?>
class
"inner_div"
id=
$host = "localhost";
$host
$user = "root";
$user
$pass = "";
$pass
$db_name = "chat_app";
$db_name
$con = new mysqli($host, $user, $pass, $db_name);
$con
new
mysqli(
$query = "SELECT * FROM chats";
$query
"SELECT * FROM chats"
$run = $con->query($query);
$run
->query(
$i=0;
$i
=0;
while($row = $run->fetch_array()) :
while
$row
->fetch_array()) :
if($i==0){
==0){
$i=5;
=5;
$first=$row;
$first
"triangle1" class="triangle1">
"triangle1"
"message1" class="message1"> "color:white;float:right;"> echo $row['msg']; ?> echo $row['uname']; ?>, echo $row['dt']; ?>
"message1"
"color:white;float:right;">
"color:white;float:right;"
echo $row['msg']; ?>
]; ?>
echo $row['uname']; ?>, echo $row['dt']; ?>
echo $row['uname']; ?>,
]; ?>,
echo $row['dt']; ?>
'dt'
if($row['uname']!=$first['uname'])
]!=
])
"triangle" class="triangle">
"triangle"
"message" class="message"> "color:white;float:left;"> echo $row['msg']; ?> echo $row['uname']; ?>, echo $row['dt']; ?>
"message"
"color:white;float:left;">
"color:white;float:left;"
endwhile;
endwhile
class="input1" type="text" id="uname" name="uname" placeholder="From"> "msg" name="msg" rows='3' cols='50' placeholder="Type your message"> class="input2" type="submit" id="submit" name="submit" value="send">
class="input1" type="text" id="uname" name="uname" placeholder="From">
class="input1" type="text"
"input1"
type=
"text"
id="uname" name="uname"
"uname"
name=
placeholder="From">
placeholder=
"From"
"msg" name="msg" rows='3' cols='50' placeholder="Type your message">
"msg" name="msg"
"msg"
rows='3' cols='50'
rows=
'3'
cols=
'50'
placeholder="Type your message">
"Type your message"
class="input2" type="submit" id="submit" name="submit" value="send">
class="input2" type="submit"
"input2"
"submit"
id="submit" name="submit" value="send">
value=
"send"