Basically, we need to put the wordpress page with the adminbar only in an invisible iFrame and access its content from the parent.
To do this, first we add the iFrame to the external php / html file. Something like this works:
`
`
Next, we need to edit the `page-component.php` file, adding a head and body onload element:
`
document.domain = “site.com”
`
This sets document.domain to the same domain as we will specify in our external file. It also adds jQuery (needed for buddypress-ajax-chat on my site). Finally, it sets an onload event to tell the parent window to grab it’s content.
Next, we have to add some more javascript to the parent, along with the other links mentioned in the article above:
`document.domain=”sirimangalo.org”;
function getNav() {
var content = document.getElementById(‘bpsrc’).contentWindow.document.body.innerHTML;
document.getElementById(‘bpContainer’).innerHTML = content;
}`
This sets the domain again, allowing the function to pass from the iFrame on up, and provides the function to grab the content of the source frame and output it to the “bpContainer” div.
