Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Dec 2006
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts

    My Broken AJAX auto reload DIV

    I spent a little while, I can't find why my script won't work.

    http://www.bluebob88.com/matt/racing/chat.php

    That is the demo, it should (in the loading... section) show a blank area, since ajax.php is blank.

    The message, if you hit enter, I don't think it should reset, and I don't think my sendRequest object is working proper. If anyone could take a look at the script I would really appreciate it.

    Code:
    function createRequestObject() {
       var req;
       if(window.XMLHttpRequest){
          // Firefox, Safari, Opera...
          req = new XMLHttpRequest();
       } else if(window.ActiveXObject) {
          // Internet Explorer 5+
          req = new ActiveXObject("Microsoft.XMLHTTP");
       } else {
          // There is an error creating the object,
          // just as an old browser is being used.
          alert('Problem creating the XMLHttpRequest object');
       }
       return req;
    
    }
    
    function handleDivTag(divtag)
    {
       var divtag;
       return divtag;
    }
    
    // Make the XMLHttpRequest object
    var http = createRequestObject();
    
    
    // Create the Divtag Handler -- Mainly an IE 6 Fix
    var divhandler = new handleDivTag(null);
    
    function sendRequest(act,divtag) {
       // Open PHP script for requests
       http.open('get', 'ajax.php?act='+act);
       http.onreadystatechange = handleResponse;
       divhandler.divtag = divtag;
       http.send(null);
    
    }
    
    function handleResponse() {
    
       if(http.readyState == 4 && http.status == 200){
       
          // Text returned FROM the PHP script
          var response = http.responseText;
    
          if(response) {
             // UPDATE ajaxTest content
             document.getElementById(divhandler.divtag).innerHTML = response;
          }
    
       }
    
    }
    Thats AJAX.js.

    Now here is chat.php.
    Code:
    <html>
    <head>
    <title>AJAX Example</title>
    <script language="Javascript" type="text/javascript" src="/ajax.js"></script>
    </head>
    <script type="text/javascript">
    <!--
    function timingex( ){
    setTimeout("sendRequest('chat', 'chat');",100);
    }
    // -->
    </script>
    <body onLoad="timingex( )">
    
    <div id="chat" align="center">
    Chat loading...
    
    </div>
    <br /><br />
    <div align="center">Message: <form name="message" onsubmit="sendRequest(message.msg.value, 'chat'); message.msg.value = '';"><input type="text" name="msg" /></form></div>
    
    
    </body>
    </html>

    I don't see what is wrong with it, please help.

  • #2
    Senior Coder
    Join Date
    Nov 2006
    Posts
    1,000
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The code in this post and the code on the link are very different. Did you figure out the problem and move on?

    david_kw

  • #3
    New Coder
    Join Date
    Dec 2006
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I used a new script. I couldn't figure out how that library worked.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •