IE page rendering issue (Wait message)

[tusovka]

Because Firefox and IE render web pages differently, I cant get the same results.
I working with many embedded tables that contain javascript functionality inside.

What I have is a table that contains radio buttons. Once the user selects a button, I use the onClick functionality to generate 2 dynamic selectors that are inserted once results come back from DataBase.

I want to display a simple message (Query in progress) until the selectors are generated (2sec). To display the message:
document.getEle mentById('waitQ uery').style.di splay='';
and once the selectors are build remove message:
document.getEle mentById('waitQ uery').style.di splay='';

This works in Firefox, but not in IE. Why, because the table is not complete, that is the selectors are not done yet. So IE does not show the message either. Once the selectors are created, IE executes the Javascript, but so fast that message is not seen, plus in does not make sense to show the message after the wait time passed.

Please, help... I just want a simple message to be Displayed in IE while query in progress...

[gits]

you find a quick intro here and here ... at the bottom of the page there are more links that could get you on track ...

kind regards

[Frinavale]

@gits
Yes it was a question (note the question mark) :)
I should have probably just researched it....but was lazy yesterday.

[gits]

yes ... i know and i misunderstood it as a question for whether the OP would use AJAX or not and as it turned out now he isn't at the moment ... so that would explain the behaviour of the browser ... :)

[tusovka]

For some reason I could not post a reply. So if later you see 3 same replies just ignore.


I located the XMLHttpRequest( ) function.

function techPage(A, B, C, D, E, F) {
    var oRequest = new XMLHttpRequest();
    var sURL= \"http://\"+self.location.hostname+E+D+\".php?A=\"+A+\"&B=\"+B+\"&F=\"+F;
    //alert(sURL);
    //document.write(sURL);
    oRequest.open(\"GET\",sURL,false);
    oRequest.setRequestHeader(\"User-Agent\",navigator.userAgent);
    oRequest.send(null)
    if (oRequest.status==200)  {
      return(oRequest.responseText);
      //alert(oRequest.responseText);
    } else {
        alert(\"Error executing XMLHttpRequest call!\");
      }
  } 

----

Any suggestions on what my next step could be in finding a solution to my message issue in IE???

[Frinavale]

@tusovka
Hehe, yeah I cleaned up your duplicate posts.
The reason your reply wasn't showing up is because your post contained code that the forum filter thought could be dangerous. One way to avoid this problem is to post your code in code tags... but some posts are filtered even with code tags. If it happens again just contact a moderator and they'll fix it for you :)

[acoder]

To make it asynchronous, change line 6 to:

oRequest.open(\"GET\",sURL,true);

[tusovka]

@acoder
I tried changing the 3rd argument to (true) from false and my code fails. I still dont know why.

[gits]

yes ... you don't use a callback since you rely currently on a sync process ... try the following in addition to the true-param:

oRequest.onreadystatechange = function() {
    if (oRequest.readyState == 4 && oRequest.status == 200)  {
        return(oRequest.responseText);
        //alert(oRequest.responseText);
    } else {
        alert(\"Error executing XMLHttpRequest call!\");
    }
}

kind regards

[tusovka]

Here is the output:

1)First, the tech selector <span> displays --> undefined
2)Second, I get the alert message -->
(Error executing XMLHttpRequest call!)

 
function*techPage(A,*B,*C,*D,*E,*F)*{ 
****var*oRequest*=*new*XMLHttpRequest(); 
****var*sURL=*\"http://\"+self.location.hostname+E+D+\".php?A=\"+A+\"&B=\"+B+\"&F=\"+F; 
****//alert(sURL); 
****//document.write(sURL); 
****oRequest.open(\"GET\",sURL,false); 
****oRequest.setRequestHeader(\"User-Agent\",navigator.userAgent); 
****oRequest.send(null) 
****
    oRequest.onreadystatechange = function() {
       if (oRequest.readyState == 4 && oRequest.status==200)  {
          return(oRequest.responseText);
           //alert(oRequest.responseText);
      } else {
          alert(\"Error executing XMLHttpRequest call!\");
      }
    }
}
 

I also tried to un-comment --> //alert(oRequest. responseText);
and I also see this alert. That mean, its as if both parts of the code are executed. The ( if) and (else). There is a good possibility I pasted the code in the wrong part.

Any suggestion are appreciated !

[gits]

ok ... the error alert appears since the readyState changes sometimes from 1 to 2 to 3 to 4 ... while 4 states that the request is complete, so change the code a bit:

// callback when readyState changes
oRequest.onreadystatechange = function() {
    // request is complete
    if (oRequest.readyState == 4)  {
        // response is ok
        if (oRequest.status == 200) {
            alert(oRequest.responseText);
        } else {
            alert(\"Error executing XMLHttpRequest call!\");
        }
    }
}

additionally in the open-method the 3rd param should be true.

what does the alerts say now?

kind regards