I'll try to keep this brief but this is infuriating the hell out of me. :)
I've got a javascript file that pre-processes json data into a bunch of drop down lists. It all works wonderfully except in IE6 (go on snigger, it's only to be expected huh?). Unfortunately it's for a web app that has about 60% IE6 users so it HAS to work.
In IE6 I can't access any DOM elements to check data. I know this is an IE6 issue and I've checked the solutions online and tried implementing the timeOut function. This works in someplaces but I can't use this everywhere. There are places I need to filter results in some checkboxes based on the bound data in others and it's getting too much to keep putting timeout calls in. I've tried wrapping a big block of text inside the timeout method and that wasn't playing ball either.
Sooo, I then tried modifying the script to do some of the work in the window.onload event thinking the DOM was sure to have loaded up if I placed my code in there, but whilst the event is firing I STILL don't have access to the DOM elements when querying:
$(".ddl-customer").val()
At this point jQuery HAS loaded because it's done all the pre-processing of my data.
It's driving me nuts. I've got the preprocessed data processing in the $(document).ready() event beforehand. I need to surround the binding of that data in some event whereby IE6 has FOR SURE loaded the bloody DOM and doesn't keep giving me object null bloody reference errors.
I frickin hate IE6. Can someone ease my pain?