Content loaded with AJAX doesn't use initial header css/js files?
I have a page that loads a variety of different content blocks depending on what a user clicks in a drop down.
This seems like an awkward solution. Is there a better one?
element = document.getElementById('someelement');
element.innerHTML = '<div><span>my content</span></div>';
i.e. are you using innerHTML to insert HTML tags? If you are, some browsers (although to my recollection it only happens in IE6 and 7) won't recognize the inserted HTML as actually containing elements, if that makes sense. In the example above, the div and span won't be accessible through via the DOM in the browsers that don't support this. Instead, what you need to do, is insert elements AS ELEMENTS and not as part of an HTML string.
If you are returning long HTML strings from an AJAX request, I happen to have a function in my toolbox that just might help you out. First off, let me know if you think this might be your problem. It's the only one I can think of that would cause this kind of problem.
I've switched careers...
I'm NO LONGER a scientist,
but now a web developer...
Hopefully livequery is the exact solution I need to make the ajax content behave. I'll have to look into it and give it a shot.