Re: AJAX issue in IE

[Pete Helgren <Pete@xxxxxxxxxx>]

I'd also add my vote for using a toolkit.  I use jQuery and as I become 
more and more comfortable with it it has certainly made my life easier 
and my code more readable.  There is even a plugin for "cascading select 
boxes" that makes the whole process simpler.  If you are new to 
Javascript, you may want to invest in the learning curve now since the 
coding techniques tend to me more homogeneous and easier to assimilate 
when you use a single toolkit.  jQuery and JSON have made programming 
life so much more livable and you are insulated somewhat from browser 
incompatibilities when using a toolkit.

Take a close look at jQuery.

Pete


Bob P. Roche wrote:
> I am very new to javascript and web programming. I have done some basic 
> pages using CGIDEV2 to build the pages, but, this is my first real foray 
> into ajax and extensive javascript. I did look at EXTJS, but my limited 
> (read none) knowledge of javascript made it hard to understand how to use. 
> I will look into DOJO, EXTJS and PROTTYPEJS further.  I did try a demo of 
> Valence which uses EXTJS, and returns JASON, and ti was much easier to 
> work with, compared to coding by hand. 
>
> Since there is no budget for software, and the update sounded simple I 
> thought I'd learn some javascript and learn how AJAX works. Now I know its 
> more IE then my code. As i said I was basing it on Aaron Bartell's article 
> in IBM systems mag, adn was able to duplicate his sample in my own 
> program. Being a green screen coder I didn't know it was not available in 
> IE to just replace the options and not the whole select group. Thanks for 
> that very important piece of information.
>
>
>
> From:
> "Walden H. Leverich" <WaldenL@xxxxxxxxxxxxxxx>
> To:
> "Web Enabling the AS400 / iSeries" <web400@xxxxxxxxxxxx>
> Date:
> 12/31/2008 10:35 AM
> Subject:
> Re: [WEB400] AJAX issue in IE
> Sent by:
> web400-bounces@xxxxxxxxxxxx
>
>
>
> You can't get there from here. It's a known issue that you cannot set
> the innerHtml on a select in IE and have it do what you want. Like it?
> Nope. But there it is, deal with it. :-)
>
> Options:
>
> 1 (Recommended): Return the <select> part too from the Ajax call and
> wrap the select in a span and set the span's innerHtml, works fine.
>
> 2: Return just the <option> part, and wrap it up in a select in JS and
> then see option #1.
>
> 3: Return the items you want in JSON, or other non-html format, and use
> the .Add method to add the options to the select tag
>
> Also... Why on earth are you not using a toolkit? If you take option 1
> (my recommendation) and had prototype.js as your toolkit your entire
> code could (from the <script> to the </script>) be replaced with:
>
> function updDropDown(fldName) {
>  Ajax.Updater('shiptospan', 
>   '/cgi-bro/SYG930?DDMODE=S&DDVIEWNAME=CB01HP&DDFLDNAME=BTCD&DDDEFAULT='
>   + $F('fldName'));
> }
>  
> where 'shiptpspan' is the id of the span you wrap the shipto select in,
> and it would be x-browser to boot.
>
> -Walden
>
>