Advertisement
mttprvst13

Chatroom Index

Jul 30th, 2015
418
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 2.13 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5.        
  6.         <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  7.  
  8.         <!-- Latest compiled and minified CSS -->
  9.         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  10.  
  11.         <!-- Optional theme -->
  12.         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
  13.  
  14.         <!-- Latest compiled and minified JavaScript -->
  15.         <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
  16.  
  17.         <script src="main.js"></script>
  18.        
  19.         <script>
  20.         setInterval(getChat, 1000, "chatroom");
  21.         //getChat("chatroom");
  22.         </script>
  23.        
  24.         <title>Chatroom</title>
  25.     </head>
  26.     <body>
  27.         <div style=" position: absolute; left: 0%; right: 0%; top: 0%; bottom: 0%">
  28.             <div style="overflow: auto; height: 92%; width: 100%" id="chatroom">
  29.                 <div style="height: 49%">&nbsp;</div>
  30.                 <center>Loading...</center>
  31.             </div><br />
  32.             <form action="" method="POST" class="form-inline">
  33.                 <div class="form-group" style="width: 70%">
  34.                     <textarea placeholder="Enter your chat here" class="form-control" name="chat" id="chat"
  35.                               style="width: 100%; max-width: 100%; max-height: 100%;
  36.                              min-width: 100%; min-height: 100%" rows="1"></textarea>
  37.                 </div>
  38.                 <div class="form-group" style="width: 15%">
  39.                     <input type="text" name="name" id="name" class="form-control" placeholder="Name" style="width: 100%" />
  40.                 </div>
  41.                 <div class="form-group" style="width: 14%">
  42.                     <button type="button" class="btn btn-success" style="width: 100%"
  43.                             onclick="sendChat(); return false;">Submit</button>
  44.                 </div>
  45.             </form>
  46.         </div>
  47.     </body>
  48. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement