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>
As an Amazon Associate we earn from qualifying purchases.