Re: AJAX issue in IE

["Bob P. Roche" <BRoche@xxxxxxxxxxxxxxxxx>]

I see what you mean. The only issue I have is positioning. I build a 
standard heading, and then Build the body o the page in a  table. In IE 
this displays fine. In Firefox the table displays to the right of the 
headings.



From:
"Haas, Matt (CL Tech Sv)" <matt.haas@xxxxxxxxxxx>
To:
Web Enabling the AS400 / iSeries <web400@xxxxxxxxxxxx>
Date:
12/31/2008 09:55 AM
Subject:
Re: [WEB400] AJAX issue in IE
Sent by:
web400-bounces@xxxxxxxxxxxx



Bob,

If you have known HTML issues, you need to fix those first. Once you get 
into DHTML the actual HTML *must* be correct or you will have all sorts of 
issues.

Also, you should really use a toolkit that has already worked through all 
of these cross-browser issues. We've been using dojo (
http://dojotoolkit.org/) here and it works very well.

Matt

-----Original Message-----
From: web400-bounces@xxxxxxxxxxxx [mailto:web400-bounces@xxxxxxxxxxxx] On 
Behalf Of Bob P. Roche
Sent: Wednesday, December 31, 2008 10:31 AM
To: web400@xxxxxxxxxxxx
Subject: [WEB400] AJAX issue in IE

I am trying my first AJAX code. I copied most of the JavaScript from a 
January 2008 article by Aaron Bartell. I was able to duplicate his code in 

a test program and it worked. I am now trying to make one drop down 
selection update another drop down box. My problem is I used Firefox for 
debugging my JavaScript, looking for typos extra quotes that sort of 
thing. Now it works properly in Firefox (though my html has another issue 
there). My problem is I need it to work in IE, It's for internal company 
use and that's the browser on everyone's desktop. In IE when I select in 
the first drop down the second goes blank. It is updating, but it's not 
getting any data. I don't know anyway to debug in IE, Trial and error is 
getting really annoying.

The screen is generated using CGIDEV2. and so is the response being sent 
back the browser. I do add the heading to the data sent back in the  ajax 
response. I am just returning html, no XML to build a new set of options 
for the <select> grouping.


JavaScript I am using.


<script type="text/javascript">
// setup needed for ajax on diferent browsers
        var http = crtReqObj();
        function crtReqObj() {
            var reqObj;
                if (window.XMLHttpRequest) { // Mozilla, Safari, ...
                    reqObj = new XMLHttpRequest();
                } else if (window.ActiveXObject) { // IE
                    reqObj = new ActiveXObject("Microsoft.XMLHTTP");
                }
            return reqObj;
        }
 
        // get data from billto and update shipto. Use billto as new 
default shipto value
 
        function updDropDown(fldName) {
 
                var fld = document.getElementById(fldName);
                http.open('get',
 
'http://lake:1104/cgi-bro/SYG930?DDMODE=S&DDVIEWNAME=CB01HP&DDFLDNAME=BTCD&DDSELCODE=&DDVARNAME=&DDDEFAULT=' 

+
                      fld.value);
            http.onreadystatechange = ItmResponse;
            http.send(null);
        }

        function ItmResponse() {
            if(http.readyState == 4 && http.status == 200){
                var response = http.responseText;
 
                        if(response == ' '){
 document.getElementById("shipto").innerHTML='No matching Ship to found';
                        } else{ 
 document.getElementById("shipto").innerHTML=response;
           }
            }
        }
 
</script>