Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
- <!-- Latest compiled and minified CSS -->
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
- <!-- Optional theme -->
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
- <!-- Latest compiled and minified JavaScript -->
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
- <script src="main.js"></script>
- <script>
- setInterval(getChat, 1000, "chatroom");
- //getChat("chatroom");
- </script>
- <title>Chatroom</title>
- </head>
- <body>
- <div style=" position: absolute; left: 0%; right: 0%; top: 0%; bottom: 0%">
- <div style="overflow: auto; height: 92%; width: 100%" id="chatroom">
- <div style="height: 49%"> </div>
- <center>Loading...</center>
- </div><br />
- <form action="" method="POST" class="form-inline">
- <div class="form-group" style="width: 70%">
- <textarea placeholder="Enter your chat here" class="form-control" name="chat" id="chat"
- style="width: 100%; max-width: 100%; max-height: 100%;
- min-width: 100%; min-height: 100%" rows="1"></textarea>
- </div>
- <div class="form-group" style="width: 15%">
- <input type="text" name="name" id="name" class="form-control" placeholder="Name" style="width: 100%" />
- </div>
- <div class="form-group" style="width: 14%">
- <button type="button" class="btn btn-success" style="width: 100%"
- onclick="sendChat(); return false;">Submit</button>
- </div>
- </form>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement