topical media & game development
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

talk show tell print

server-php-micro-chat-index.php / php



  <?php
  session_start();
  
  function createForm(){
  ?>
        <form action="<?php echo _SERVER['PHP_SELF']; ?>" method="post">
          <table align="center">
            <tr><td colspan="2">Please eneter a nickname to login!</td></tr>
            <tr><td>Your name: </td>
            <td><input class="text" type="text" name="name" /></td></tr>
            <tr><td colspan="2" align="center">
               <input class="text" type="submit" name="submitBtn" value="Login" />
            </td></tr>
          </table>
        </form>
  <?php
  }
  
  if (isset(_GET['u'])){
     unset(_SESSION['nickname']);
  }
  
  // Process login info
  if (isset(_POST['submitBtn'])){
        name    = isset(_POST['name']) ? _POST['name'] : "Unnamed";
        _SESSION['nickname'] = name;
  }
  
  nickname = isset(_SESSION['nickname']) ? _SESSION['nickname'] : "Hidden";   
  ?>
  
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
  <html>
  <head>
     <title>Micro Chat</title>
     <link href="style/style.css" rel="stylesheet" type="text/css" />
      <script language="javascript" type="text/javascript">
      <!--
        var httpObject = null;
        var link = "";
        var timerID = 0;
        var nickName = "<?php echo nickname; ?>";
  
        // Get the HTTP Object
        function getHTTPObject(){
           if (window.ActiveXObject) return new ActiveXObject("Microsoft.XMLHTTP");
           else if (window.XMLHttpRequest) return new XMLHttpRequest();
           else {
              alert("Your browser does not support AJAX.");
              return null;
           }
        }   
  
        // Change the value of the outputText field
        function setOutput(){
           if(httpObject.readyState == 4){
              var response = httpObject.responseText;
              var objDiv = document.getElementById("result");
              objDiv.innerHTML += response;
              objDiv.scrollTop = objDiv.scrollHeight;
              var inpObj = document.getElementById("msg");
              inpObj.value = "";
              inpObj.focus();
           }
        }
  
        // Change the value of the outputText field
        function setAll(){
           if(httpObject.readyState == 4){
              var response = httpObject.responseText;
              var objDiv = document.getElementById("result");
              objDiv.innerHTML = response;
              objDiv.scrollTop = objDiv.scrollHeight;
           }
        }
  
        // Implement business logic    
        function doWork(){    
           httpObject = getHTTPObject();
           if (httpObject != null) {
              link = "message.php?nick="+nickName+"&msg="+document.getElementById('msg').value;
              httpObject.open("GET", link , true);
              httpObject.onreadystatechange = setOutput;
              httpObject.send(null);
           }
        }
  
        // Implement business logic    
        function doReload(){    
           httpObject = getHTTPObject();
           var randomnumber=Math.floor(Math.random()*10000);
           if (httpObject != null) {
              link = "message.php?all=1&rnd="+randomnumber;
              httpObject.open("GET", link , true);
              httpObject.onreadystatechange = setAll;
              httpObject.send(null);
           }
        }
  
        function UpdateTimer() {
           doReload();   
           timerID = setTimeout("UpdateTimer()", 5000);
        }
      
      
        function keypressed(e){
           if(e.keyCode=='13'){
              doWork();
           }
        }
      //-->
      </script>   
  </head>
  <body onload="UpdateTimer();">
      <div id="main">
        <div id="caption">Micro Chat</div>
        <div id="icon">&nbsp;</div>
  <?php 
  
  if (!isset(_SESSION['nickname']) ){ 
      createForm();
  } else  { 
        name    = isset(_POST['name']) ? _POST['name'] : "Unnamed";
        _SESSION['nickname'] = name;
      ?>
        
       <div id="result">
       <?php 
          data = file("msg.html");
          foreach (data as line) {
                  echo line;
          }
       ?>
        </div>
        <div id="sender" onkeyup="keypressed(event);">
           Your message: <input type="text" name="msg" size="30" id="msg" />
           <button onclick="doWork();">Send</button>
        </div>   
  <?php            
      }
  
  ?>
      </div>
  </body>
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.