Embedded web pages won't display my java scripting on a certain site, but works fine when I view it from the server. How can I fix this so anyone can see it?
I have created a couple of small pages that i have embedded into another web site. The embedded pages wont display on that site in FireFox but works on Chrome with no problem. How can I fix this so others on FireFox can view these embedded pages? I didn't know it couldn't be displayed until tonight and I have been looking for a fix since I was told. Some may see a solid white box and others see a grey box with a plugin is needed to view this content. However, if I view the pages I created on the server they work fine in FireFox. Just not when embedded into another web site. I'm stumped...
All Replies (12)
Did you try without the embed and only use the object?
The data URI with only the object works for me in Firefox and in Google Chrome (don't know about MS browsers).
data:text/html;charset=utf-8;base64,PG9iamVjdCBkYXRhPSJodHRwOi8vZG9tYW5pYS51cy9zaHVja3lkdWNreS9GdWJhci9oZWxwL2FjaGlldmVtZW50cyIgd2lkdGg9IjUwMCIgaGVpZ2h0PSI3MDAiPjwvb2JqZWN0Pg==
The code in your last reply works for me as well in Firefox and in Google Chrome.
data:text/html;charset=utf-8;base64,PG9iamVjdCBkYXRhPSJodHRwOi8vZG9tYW5pYS51cy9zaHVja3lkdWNreS9GdWJhci9oZWxwL2FjaGlldmVtZW50cyIgd2lkdGg9IjQ1MCIgaGVpZ2h0PSI3MDAiIHR5cGU9InRleHQvaHRtbCI+PGVtYmVkIHNyYz0iaHR0cDovL2RvbWFuaWEudXMvc2h1Y2t5ZHVja3kvRnViYXIvaGVscC9hY2hpZXZlbWVudHMiIHdpZHRoPSI0NTAiIGhlaWdodD0iNzAwIiB0eXBlPSJ0ZXh0L2h0bWwiPjwvb2JqZWN0Pg==
You may have to reload web page(s) and bypass the cache to refresh possibly outdated or corrupted files stored in the cache.
- Hold down the Shift key and left-click the Reload button
- Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
- Press "Command + Shift + R" (Mac)
Ilungisiwe
cor-el said
Did you try without the embed and only use the object? The data URI with only the object works for me in Firefox and in Google Chrome (don't know about MS browsers).data:text/html;charset=utf-8;base64,PG9iamVjdCBkYXRhPSJodHRwOi8vZG9tYW5pYS51cy9zaHVja3lkdWNreS9GdWJhci9oZWxwL2FjaGlldmVtZW50cyIgd2lkdGg9IjUwMCIgaGVpZ2h0PSI3MDAiPjwvb2JqZWN0Pg==The code in your last reply works for me as well in Firefox and in Google Chrome.
data:text/html;charset=utf-8;base64,PG9iamVjdCBkYXRhPSJodHRwOi8vZG9tYW5pYS51cy9zaHVja3lkdWNreS9GdWJhci9oZWxwL2FjaGlldmVtZW50cyIgd2lkdGg9IjQ1MCIgaGVpZ2h0PSI3MDAiIHR5cGU9InRleHQvaHRtbCI+PGVtYmVkIHNyYz0iaHR0cDovL2RvbWFuaWEudXMvc2h1Y2t5ZHVja3kvRnViYXIvaGVscC9hY2hpZXZlbWVudHMiIHdpZHRoPSI0NTAiIGhlaWdodD0iNzAwIiB0eXBlPSJ0ZXh0L2h0bWwiPjwvb2JqZWN0Pg==
You may have to reload web page(s) and bypass the cache to refresh possibly outdated or corrupted files stored in the cache.
- Hold down the Shift key and left-click the Reload button
- Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
- Press "Command + Shift + R" (Mac)
Sorry, not sure I understand what you mean? How would I code that?
<object data:text="" html;charset="utf-8;base64,PG9iamVjdCBkYXRhPSJodHRwOi8vZG9tYW5pYS51cy9zaHVja3lkdWNreS9GdWJhci9oZWxwL2FjaGlldmVtZW50cyIgd2lkdGg9IjQ1MCIgaGVpZ2h0PSI3MDAiIHR5cGU9InRleHQvaHRtbCI+PGVtYmVkIHNyYz0iaHR0cDovL2RvbWFuaWEudXMvc2h1Y2t5ZHVja3kvRnViYXIvaGVscC9hY2hpZXZlbWVudHMiIHdpZHRoPSI0NTAiIGhlaWdodD0iNzAwIiB0eXBlPSJ0ZXh0L2h0bWwiPjwvb2JqZWN0Pg==</object>" <="" p="">
Like that? Or please show me what you mean.
</object>I posted the base64 encoded data URI to void issues with pasting this code in the location/address bar. You can inspect the actual HTML code via "View Page Source" in the right-click context menu once you have opened this page via the via the location/address bar.
In your HTML file you use the not encoded object version.
Base64 encoded:
PG9iamVjdCBkYXRhPSJodHRwOi8vZG9tYW5pYS51cy9zaHVja3lkdWNreS9GdWJhci9oZWxwL2FjaGlldmVtZW50cyIgd2lkdGg9IjUwMCIgaGVpZ2h0PSI3MDAiPjwvb2JqZWN0Pg==
Decodes as:
<object data="http://domania.us/shuckyducky/Fubar/help/achievements" width="500" height="700"></object>
Base64 encoded:
PG9iamVjdCBkYXRhPSJodHRwOi8vZG9tYW5pYS51cy9zaHVja3lkdWNreS9GdWJhci9oZWxwL2FjaGlldmVtZW50cyIgd2lkdGg9IjQ1MCIgaGVpZ2h0PSI3MDAiIHR5cGU9InRleHQvaHRtbCI+PGVtYmVkIHNyYz0iaHR0cDovL2RvbWFuaWEudXMvc2h1Y2t5ZHVja3kvRnViYXIvaGVscC9hY2hpZXZlbWVudHMiIHdpZHRoPSI0NTAiIGhlaWdodD0iNzAwIiB0eXBlPSJ0ZXh0L2h0bWwiPjwvb2JqZWN0Pg==
Decodes as:
<object data="http://domania.us/shuckyducky/Fubar/help/achievements" width="450" height="700" type="text/html"><embed src="http://domania.us/shuckyducky/Fubar/help/achievements" width="450" height="700" type="text/html"></object>
Not sure I fully understand but I think I might.
Adding the Base64 encoded text to my page adds exactly that.. it doesn't create anything it's suppose to and actually just shows the letters and numbers on my page.. I left it there so you can see what I am talking about.
Is there more to it than just adding the long line?
This Data URI can't be used this way because it includes HTML code and is actually an encoded web page.
You pasted the base64 code as text.
Why don't you replace the EMBED element with the OBJECT element and leave out the nested EMBED as it isn't needed?
<object data="http://domania.us/shuckyducky/Fubar/help/achievements" height="700" width="450"> <param name="wmode" value="opaque"> <param name="allownetworking" value="internal"> <param name="allowscriptaccess" value="Never"> </object>
That should work. I don't know if the param tags have any effect because you aren't using a plugin, but merely open an HTML file.
Can you create a test page with this modification if you do not want to do this on the current page?
Ilungisiwe
Did you paste the Data URI with the bas64 encode including data:text/html;charset=utf-8;base64, in the location bar in Firefox and in Google Chrome to see how this works?
cor-el said
Did you paste the Data URI with the bas64 encode including data:text/html;charset=utf-8;base64, in the location bar in Firefox and in Google Chrome to see how this works?
Yes, I believe I did that yesterday in the address bar and it worked in both browsers.
We had discovered yesterday that the site is somehow stripping the word "data" after the <object. </p>
cor-el said
This Data URI can't be used this way because it includes HTML code and is actually an encoded web page. You pasted the base64 code as text. Why don't you replace the EMBED element with the OBJECT element and leave out the nested EMBED as it isn't needed?<object data="http://domania.us/shuckyducky/Fubar/help/achievements" height="700" width="450"> <param name="wmode" value="opaque"> <param name="allownetworking" value="internal"> <param name="allowscriptaccess" value="Never"> </object>That should work. I don't know if the param tags have any effect because you aren't using a plugin, but merely open an HTML file.
Can you create a test page with this modification if you do not want to do this on the current page?
When I add this code above it comes out like this in the source viewer..
<object height="700" width="450">
<param name="wmode" value="opaque">
<param name="allownetworking" value="internal">
<param name="allowscriptaccess" value="Never">
</object>
Doesn't the website allow to add a data attribute to an object tag?
That would explain why you would see an empty block instead of of the embedded content.
If that isn't allowed then you need to use an iframe like I initially suggested in my first reply.
<iframe src="http://domania.us/shuckyducky/Fubar/help/achievements" height="700" width="450">
As I stated before they do not allow javascript. See screenshot. http://screencast.com/t/ioVQFCeiM0Un
Did you try to contact them for support about this issue?
I don't know what an iframe has to do with JavaScript and why they do not allow an OBJECT with a data attribute, but embed won't work in Firefox with HTML content. So you are out of luck in Firefox with the restrictions posed by the website with regard to IFRAME and OBJECT.