Passing variable to php for chatbox

Passing variable to php for chatbox

Hello. I'm trying to pass a variable from jquery to PHP to write it to an HTML file that then gets read by PHP that contains the original jquery. (chatbox) I'm not quite sure where it's broken. I don't know jquery at all, I've just pulled someone else's code that they put out and modified it. 

This is the a.php which passes the variable to b.php


  2. <!--THIS IS WHERE THE CHAT STARTS-->

  4. <div id="wrapper">
  5. <div id="menu">
  6. <p class="welcome">Welcome, <b><?php echo $first_name; ?></b></p>
  7. <div style="clear:both"></div>
  8. </div>
  9. <div id="chatbox"><?php
  10. if(file_exists("log.html") && filesize("log.html") > 0){
  11. $handle = fopen("log.html", "r");
  12. $contents = fread($handle, filesize("log.html"));
  13. fclose($handle);
  15. echo $contents;
  16. }
  17. ?></div>
  19. <form name="message" action="">
  20. <input name="usermsg" type="text" id="usermsg" size="63" />
  21. <input name="submitmsg" type="submit"  id="submitmsg" value="Send" />
  22. </form>
  23. </div>
  24. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
  25. <script type="text/javascript">
  26. // jQuery Document
  27. $(document).ready(function(){
  28. //If user submits the form
  29. $("#submitmsg").submit(function(){
  30. var clientmsg = $("#usermsg").val();
  31. //$.post("post.php", {text: clientmsg});
  32. $.ajax(
  33. {
  34. url: "post.php",
  35. data: clientmsg,
  36. })
  37. $("#usermsg").attr("value", "");
  38. return false;
  39. });
  41. //Load the file containing the chat log
  42. function loadLog(){
  43. var oldscrollHeight = $("#chatbox").attr("scrollHeight") - 20;
  44. $.ajax({
  45. url: "log.html",
  46. cache: false,
  47. success: function(html){
  48. $("#chatbox").html(html); //Insert chat log into the #chatbox div
  49. var newscrollHeight = $("#chatbox").attr("scrollHeight") - 20;
  50. if(newscrollHeight > oldscrollHeight){
  51. $("#chatbox").animate({ scrollTop: newscrollHeight }, 'normal'); //Autoscroll to bottom of div
  52. }
  53.   },
  54. });
  55. }
  56. setInterval (loadLog, 2500); //Reload file every 2.5 seconds
  58. //If user wants to end session
  59. $("#exit").click(function(){
  60. var exit = confirm("Are you sure you want to end the session?");
  61. if(exit==true){window.location = 'index.php?logout=true';}
  62. });
  63. });
  64. </script>
This is b.php

  2. <?php
  3. session_start();
  4. if ( $_SESSION['logged_in'] != 1 ) {
  5. $text = $_POST['text'];
  6. $fp = fopen("log.html", 'a');
  7. fwrite($fp, "<div class='msgln'>(".date("g:i A").") <b>".$_SESSION['name']."</b>: ".stripslashes(htmlspecialchars($text))."<br></div>");
  8. fclose($fp);
  9. }
  10. ?>