Guys, I hope that you all can help me with this. I'm not sure what I am missing, but maybe you guys can give me a little direction. I have a web app that I am building using AJAX and PHP. It uses several different "dialog boxes" such as a Customer Search box, Item Search box, etc. These dialog boxes are DIV elements that I am importing on the fly from external files so that the user won't have to wait forever for the page to load initially. I am using Sarissa to handle the cross-browser loading of the document. The current code I have is as follows: data = Sarissa.getDomDocument("dialogs/customer_search.php", "data"); data.async = false; data.load("dialogs/customer_search.php"); document.getElementById('customerSearch').appendChild(document.importNode(data.getElementsByTagName( 'div')[0], true)); Code (markup): Now crazily enough, this works great in IE7. The dialog box opens and displays without any problem. However when I try this in FireFox, it seems like it is only adding the info as XML. It isn't adding it as actual HTML nodes. (Not sure about the terminology here. If I need to explain further, I'll try.) Anyone have any great ideas on how to force Firefox to recognize the node that I am importing as HTML? Thanks for the help! Mitchell Killian (II Cor. 12:9) Integrity Design and Coding http://www.integritydc.net "Except a man be born again, he cannot enter into the kingdom of heaven." John 3:3
Someone in another forum suggested that I add a XMLNS attribute so FireFox knows that it is dealing with XHTML. I added the following attribute to the parent container in my dialog box file: xmlns="http://www.w3.org/1999/xhtml" And now it works as I wanted it to.