I was finally able to get this working.
Here is what I did.
First I came across a plugin that helps facilitates the window.postMessage
.
With the postMessage plugin I used the following code:
iFrame JS Code
var fileUploaded = data;
pm({
target: window.parent,
type: "message5",
data:fileUploaded
});
Full code with Uploadify Script:
$(function() {
$('#file_upload').uploadify({
'swf' : 'uploadify.swf',
'uploader' : '/js/uploadify/uploadify.php',
'onUploadSuccess' : function(file, data, response) {
var fileUploaded = data;
pm({
target: window.parent,
type: "message",
data:fileUploaded
});
}
});
});
Receiving Window/Parent Window JS Code
pm.bind("message", function(data) {
//Function to insert data onto page
});
Full Code for my Page:
pm.bind("message", function(data) {
var myframe, nestedFrame;
myFrame = $('#editorf').contents().find('body');
nestedFrame = myFrame.find('#re_contentIframe').contents().find('body');
nestedFrame.append('data');
});
This plugin has several options and simplified the process greatly.