Embed Within AJAX Site?
Okay, what I'm trying to do seems simple enough.
I have a div on my page which has content loaded to it dynamically via jQuery.load() and PHP include statements. For example, the when the user clicks on a navigation link on my home page, jQuery.load() loads the appropriate PHP file to the content div.
One of these navigation links loads a file called "forum.php" to the content div. This "forum.php" file contains a reference to the embed java
script for Vanilla. It's my thinking that using jQuery.load() to load this file to the content div should fill the div with the embedded Vanilla forum. However, rather than filling the content div, the entire page is replaced with nothing -- it is blank. The original page's DOM gets cleared, and the new one contains an iframe created by the embed plugin. This iframe is empty (it has #document, and tags, but it's all empty).
I assume it has something to do with the embed script taking over the whole window, and not just the content div that it was loaded into. Does anyone have any ideas or a solution?
I did some searching, and other people seem to be having issues embedding Vanilla into an AJAX site too.
Let me know if I can clarify anything...I'm not sure how exactly to explain this.