Listen2Me/main.php at master · Shashank-Shukla/Listen2Me · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Main Chat Website</title>
    <link rel="stylesheet" href="chatStyle.css">
    <link rel="icon" type="image/png" href="https://s3.amazonaws.com/ionic-marketplace/video-and-text-chat-app-backend/icon.png">
    <script
  src="https://code.jquery.com/jquery-3.3.1.js"
  integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
  crossorigin="anonymous"></script>
</head>
<body>
    <div class="bground"></div>
    <div class="container">
       <img src="https://s3.amazonaws.com/ionic-marketplace/video-and-text-chat-app-backend/icon.png">
        <ul>
            <li>HOME</li>
            <li>NEWS FEED</li>
            <li>LOGIN</li>
            <li>SIGN-IN</li>
        </ul>
    </div>
    <br><br><br><br><hr>
    <div id="wrapper">
        <div class="chatwrapper">
            <div class="chat"></div>
            <form method="post">
                <textarea name="message" class="txt" cols="30" rows="5"></textarea>
            </form>
        </div>
    </div>
    <div class="footer">
        <section class="counter"></section>
        <section class="contact"></section>
        <section class="follow"></section>
    </div>

    <script>
        $('.txt').keyup(function(e){
            if(e.which==13){
                $('.form').submit();
            }
        });
        $('form').submit(function(){
            alert('Sending Message!!!');
            var message =$('.txt').val();
            $.post('message.php?action=sendMessage&message='+message,function(response){

            });
            return false;
        });
    </script>
    <footer id="foter">
        <p>Project made with ❤️ in VIT</p>
    </footer>

</body>
</html>