X
Tap here to go to the mobile version of the site.

Support Forum

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?

Posted

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...

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...

Additional System Details

Installed Plug-ins

  • Google Update
  • Intel web components for Intel® Identity Protection Technology
  • Intel web components updater - Installs and updates the Intel web components
  • NPRuntime Script Plug-in Library for Java(TM) Deploy
  • Next Generation Java Plug-in 11.66.2 for Mozilla browsers
  • McAfee MSC FF plugin DLL
  • NPWLPG
  • Shockwave Flash 19.0 r0
  • 5.1.40728.0
  • Unity Player 4.6.3f1
  • WildTangent Games App V2 Presence Detector

Application

  • Firefox 42.0
  • User Agent: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:42.0) Gecko/20100101 Firefox/42.0
  • Support URL: https://support.mozilla.org/1/firefox/42.0/WINNT/en-US/

Extensions

Javascript

  • incrementalGCEnabled: True

Graphics

  • adapterDescription: Intel(R) HD Graphics
  • adapterDescription2:
  • adapterDeviceID: 0x0402
  • adapterDeviceID2:
  • adapterDrivers: igdumdim64 igd10iumd64 igd10iumd64 igd12umd64 igdumdim32 igd10iumd32 igd10iumd32 igd12umd32
  • adapterDrivers2:
  • adapterRAM: Unknown
  • adapterRAM2:
  • adapterSubsysID: 2b0d103c
  • adapterSubsysID2:
  • adapterVendorID: 0x8086
  • adapterVendorID2:
  • direct2DEnabled: True
  • directWriteEnabled: True
  • directWriteVersion: 10.0.10240.16430
  • driverDate: 7-17-2015
  • driverDate2:
  • driverVersion: 10.18.15.4256
  • driverVersion2:
  • info: {u'AzureCanvasBackend': u'direct2d 1.1', u'AzureFallbackCanvasBackend': u'cairo', u'AzureContentBackend': u'direct2d 1.1', u'AzureSkiaAccelerated': 0}
  • isGPU2Active: False
  • numAcceleratedWindows: 1
  • numTotalWindows: 1
  • supportsHardwareH264: True
  • webglRenderer: Google Inc. -- ANGLE (Intel(R) HD Graphics Direct3D11 vs_5_0 ps_5_0)
  • windowLayerManagerRemote: True
  • windowLayerManagerType: Direct3D 11

Modified Preferences

Misc

  • User JS: No
  • Accessibility: No
FredMcD
  • Top 10 Contributor
4229 solutions 59018 answers

Please post a public link to your page(s), and describe what should happen.

Please post a public link to your page(s), and describe what should happen.

Question owner

Hi Fred,

Thanx for the reply. The web site I have them posted on or into is an adult site more or less. it's not a porn site or anything like that but it does have some explicit content. It's called Fubar. If that tells you anything. Just not sure it's appropriate to post the link on here?

FredMcD said

Please post a public link to your page(s), and describe what should happen.
Hi Fred, Thanx for the reply. The web site I have them posted on or into is an adult site more or less. it's not a porn site or anything like that but it does have some explicit content. It's called Fubar. If that tells you anything. Just not sure it's appropriate to post the link on here? ''FredMcD [[#answer-812415|said]]'' <blockquote> Please post a public link to your page(s), and describe what should happen. </blockquote>
FredMcD
  • Top 10 Contributor
4229 solutions 59018 answers

To the left of this post are my stats. My name is a link. Use it to send me a private message.

To the left of this post are my stats. My name is a link. Use it to send me a private message.
FredMcD
  • Top 10 Contributor
4229 solutions 59018 answers

Helpful Reply

I got your link. http://fubar.com/justjeremy And I found the problem area. The first displays nothing while the second displays "Plugin Needed."

Using Inspect Element, I was able to open these in a new tabs, and they displayed with no problem.

I've called the big guys to help you. Good luck.

I got your link. http://fubar.com/justjeremy And I found the problem area. The first displays nothing while the second displays "Plugin Needed." Using Inspect Element, I was able to open these in a new tabs, and they displayed with no problem. I've called the big guys to help you. Good luck.

Question owner

Thanx Fred,

I appreciate all the help.

Thanx Fred, I appreciate all the help.
cor-el
  • Top 10 Contributor
  • Moderator
17421 solutions 157414 answers

That is a problem with the code on the website. They use an EMBED tag to embed a web page (HTML file) and that doesn't work in Firefox. You can only embed an HTML page via an OBJECT or IFRAME tag.

You can use a bookmarklet to change the embed to an iframe, see:


javascript:(function(){var cE='iframe',eE=document.querySelectorAll('embed');for(i=0;E=eE[i];i++){N=document.createElement(cE);for(j in E.attributes){A=E.attributes[j];if((A.name!=undefined)&&(A.value!=undefined)){N.setAttribute(A.name,A.value)}}E.parentNode.replaceChild(N,E)}})()
That is a problem with the code on the website. They use an EMBED tag to embed a web page (HTML file) and that doesn't work in Firefox. You can only embed an HTML page via an OBJECT or IFRAME tag. You can use a bookmarklet to change the embed to an iframe, see: *[[/questions/1029000]] ---- <pre><nowiki> javascript:(function(){var cE='iframe',eE=document.querySelectorAll('embed');for(i=0;E=eE[i];i++){N=document.createElement(cE);for(j in E.attributes){A=E.attributes[j];if((A.name!=undefined)&&(A.value!=undefined)){N.setAttribute(A.name,A.value)}}E.parentNode.replaceChild(N,E)}})() </nowiki></pre>

Question owner

cor-el said

That is a problem with the code on the website. They use an EMBED tag to embed a web page (HTML file) and that doesn't work in Firefox. You can only embed an HTML page via an OBJECT or IFRAME tag. You can use a bookmarklet to change the embed to an iframe, see:
javascript:(function(){var cE='iframe',eE=document.querySelectorAll('embed');for(i=0;E=eE[i];i++){N=document.createElement(cE);for(j in E.attributes){A=E.attributes[j];if((A.name!=undefined)&&(A.value!=undefined)){N.setAttribute(A.name,A.value)}}E.parentNode.replaceChild(N,E)}})()

Ok so using this should work if i understand you correctly. I am not that tech savvy and not sure I understand, but I did use this code before using a normal embed code.

<object data=WEBSITELINKOFPAGETOSEE width="500" height="700"><embed src=WEBSITELINKOFPAGETOSEE width="500" height="700"></embed></object>

I thought the "object" code was a bit bit much for whatever reason and shortened it to..

<embed src=http://domania.us/shuckyducky/Fubar/help/achievements width="500" height="700"></embed>

So if I use the FULL code I first mentioned above it should work in FF, correct?

''cor-el [[#answer-813199|said]]'' <blockquote> That is a problem with the code on the website. They use an EMBED tag to embed a web page (HTML file) and that doesn't work in Firefox. You can only embed an HTML page via an OBJECT or IFRAME tag. You can use a bookmarklet to change the embed to an iframe, see: *[[/questions/1029000]] ---- <pre><nowiki> javascript:(function(){var cE='iframe',eE=document.querySelectorAll('embed');for(i=0;E=eE[i];i++){N=document.createElement(cE);for(j in E.attributes){A=E.attributes[j];if((A.name!=undefined)&&(A.value!=undefined)){N.setAttribute(A.name,A.value)}}E.parentNode.replaceChild(N,E)}})() </nowiki></pre> </blockquote> Ok so using this should work if i understand you correctly. I am not that tech savvy and not sure I understand, but I did use this code before using a normal embed code. '''<center><object data=WEBSITELINKOFPAGETOSEE width="500" height="700"><embed src=WEBSITELINKOFPAGETOSEE width="500" height="700"></embed></object></center>''' I thought the "object" code was a bit bit much for whatever reason and shortened it to.. '''<center><embed src=http://domania.us/shuckyducky/Fubar/help/achievements width="500" height="700"></embed></center>''' So if I use the FULL code I first mentioned above it should work in FF, correct?
cor-el
  • Top 10 Contributor
  • Moderator
17421 solutions 157414 answers

Object with the data attribute to specify the content source should work as well, only an <embed> doesn't work to embed an HTML document. You can only use <embed > to embed plugin content

<object data="http://domania.us/shuckyducky/Fubar/help/achievements" width="500" height="700"></object>

data:text/html;charset=utf-8;base64,PG9iamVjdCBkYXRhPSJodHRwOi8vZG9tYW5pYS51cy9zaHVja3lkdWNreS9GdWJhci9oZWxwL2FjaGlldmVtZW50cyIgd2lkdGg9IjUwMCIgaGVpZ2h0PSI3MDAiPjwvb2JqZWN0Pg==
Object with the data attribute to specify the content source should work as well, only an &lt;embed&gt; doesn't work to embed an HTML document. You can only use &lt;embed &gt; to embed plugin content <pre><nowiki><object data="http://domania.us/shuckyducky/Fubar/help/achievements" width="500" height="700"></object></nowiki></pre> ----- data:text/html;charset=utf-8;base64,PG9iamVjdCBkYXRhPSJodHRwOi8vZG9tYW5pYS51cy9zaHVja3lkdWNreS9GdWJhci9oZWxwL2FjaGlldmVtZW50cyIgd2lkdGg9IjUwMCIgaGVpZ2h0PSI3MDAiPjwvb2JqZWN0Pg==

Modified by cor-el

Question owner

Hmmm.. I'm stumped... Using.. <object data="http://domania.us/shuckyducky/Fubar/help/achievements" width="450" height="700"></object> Does not work in either browser. Chrome nor FireFox.

Using..

<object data="http://domania.us/shuckyducky/Fubar/help/achievements" width="450" height="700"><embed src="http://domania.us/shuckyducky/Fubar/help/achievements" width="450" height="700"></embed></object>

Does work in Chrome but not in FireFox.

Is there something else I am missing or something else I can try?

Hmmm.. I'm stumped... Using.. <object data="http://domania.us/shuckyducky/Fubar/help/achievements" width="450" height="700"></object> Does not work in either browser. Chrome nor FireFox. Using.. <center><object data="http://domania.us/shuckyducky/Fubar/help/achievements" width="450" height="700"><embed src="http://domania.us/shuckyducky/Fubar/help/achievements" width="450" height="700"></embed></object></center> Does work in Chrome but not in FireFox. Is there something else I am missing or something else I can try?
jscher2000
  • Top 10 Contributor
8638 solutions 70669 answers

Is there a reason to use an object or embed instead of an iframe?

Currently the data attribute seems to be missing from the object tag in the page, but if you are actively editing, that might be a transient issue.

Is there a reason to use an object or embed instead of an iframe? Currently the data attribute seems to be missing from the object tag in the page, but if you are actively editing, that might be a transient issue.

Question owner

jscher2000 said

Is there a reason to use an object or embed instead of an iframe? Currently the data attribute seems to be missing from the object tag in the page, but if you are actively editing, that might be a transient issue.

Currently, this is the coding I have inserted..

<object data="http://domania.us/shuckyducky/Fubar/help/achievements" width="450" height="700"><embed src="http://domania.us/shuckyducky/Fubar/help/achievements" width="450" height="700"></embed></object>
<object data="http://domania.us/shuckyducky/Fubar/RC" height=400 width=400><embed src="http://domania.us/shuckyducky/Fubar/RC" width="400" height="400"></embed></object>

I'm not sure what you mean by the data attribute is missing? As for using an iframe, I know some places don't allow them.

''jscher2000 [[#answer-813866|said]]'' <blockquote> Is there a reason to use an object or embed instead of an iframe? Currently the data attribute seems to be missing from the object tag in the page, but if you are actively editing, that might be a transient issue. </blockquote> Currently, this is the coding I have inserted.. <center><object data="http://domania.us/shuckyducky/Fubar/help/achievements" width="450" height="700"><embed src="http://domania.us/shuckyducky/Fubar/help/achievements" width="450" height="700"></embed></object></center> <center><object data="http://domania.us/shuckyducky/Fubar/RC" height=400 width=400><embed src="http://domania.us/shuckyducky/Fubar/RC" width="400" height="400"></embed></object></center> I'm not sure what you mean by the data attribute is missing? As for using an iframe, I know some places don't allow them.

Question owner

jscher2000 said

Is there a reason to use an object or embed instead of an iframe? Currently the data attribute seems to be missing from the object tag in the page, but if you are actively editing, that might be a transient issue.

Here's the main reason I can't use an iframe for this.. http://screencast.com/t/CPCCkDr7p

''jscher2000 [[#answer-813866|said]]'' <blockquote> Is there a reason to use an object or embed instead of an iframe? Currently the data attribute seems to be missing from the object tag in the page, but if you are actively editing, that might be a transient issue. </blockquote> Here's the main reason I can't use an iframe for this.. http://screencast.com/t/CPCCkDr7p
jscher2000
  • Top 10 Contributor
8638 solutions 70669 answers

JeremyChristopher74 said

I'm not sure what you mean by the data attribute is missing?

I may be looking at the wrong page. What I see when I use Ctrl+u to view source is (bolding added for posting):

<center><object width="450" height="700"><param name="wmode" value="opaque"><param name="allownetworking" value="internal"><param name="allowscriptaccess" value="Never"><embed src="http://domania.us/shuckyducky/Fubar/help/achievements" width="450" height="700" allowscriptaccess="Never" allownetworking="internal" wmode="opaque"></embed></object></center><br><br><br><center><object height="400" width="400"><param name="wmode" value="opaque"><param name="allownetworking" value="internal"><param name="allowscriptaccess" value="Never"><embed src="http://domania.us/shuckyducky/Fubar/RC" width="400" height="400" allowscriptaccess="Never" allownetworking="internal" wmode="opaque"></embed></object></center>

Some of those parameters look like Flash parameters. ??

''JeremyChristopher74 [[#answer-813877|said]]'' <blockquote> I'm not sure what you mean by the data attribute is missing? </blockquote> I may be looking at the wrong page. What I see when I use Ctrl+u to view source is (bolding added for posting): <code>&lt;center&gt;'''&lt;object width="450" height="700"&gt;'''&lt;param name="wmode" value="opaque"&gt;&lt;param name="allownetworking" value="internal"&gt;&lt;param name="allowscriptaccess" value="Never"&gt;&lt;embed src="http://domania''.''us/shuckyducky/Fubar/help/achievements" width="450" height="700" allowscriptaccess="Never" allownetworking="internal" wmode="opaque"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/center&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;center&gt;'''&lt;object height="400" width="400"&gt;'''&lt;param name="wmode" value="opaque"&gt;&lt;param name="allownetworking" value="internal"&gt;&lt;param name="allowscriptaccess" value="Never"&gt;&lt;embed src="http://domania''.''us/shuckyducky/Fubar/RC" width="400" height="400" allowscriptaccess="Never" allownetworking="internal" wmode="opaque"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/center&gt;</code> Some of those parameters look like Flash parameters. ??

Question owner

As you can see by what I have in the screenshot I don't have that stuff in my coding, so that has to be stuff that Fubar has added after I add in my codes and Save it. All we have is a small box that we can add "some" code to. They do not allow java script coding hence the reason I was attempting to embed the page I made elsewhere.

Any ideas as to how I can get this working in both Chrome and FF? Otherwise, it looks like I may be stuck with the embed only working in Chrome.

As you can see by what I have in the screenshot I don't have that stuff in my coding, so that has to be stuff that Fubar has added after I add in my codes and Save it. All we have is a small box that we can add "some" code to. They do not allow java script coding hence the reason I was attempting to embed the page I made elsewhere. Any ideas as to how I can get this working in both Chrome and FF? Otherwise, it looks like I may be stuck with the embed only working in Chrome.
cor-el
  • Top 10 Contributor
  • Moderator
17421 solutions 157414 answers

Did you try to paste the data URI I posted above in the location/address bar?

If I inspect the current code in the Inspector via Inspect Element then I still see an object without a data attribute that won't work with any browser.

<object height="700" width="450">
<param name="wmode" value="opaque">
<param name="allownetworking" value="internal">
<param name="allowscriptaccess" value="Never">
 <embed src="http://domania.us/shuckyducky/Fubar/help/achievements" allowscriptaccess="Never" allownetworking="internal" wmode="opaque" height="700" width="450">
</object>

You need to include the URL via a data attribute in the object tag and possibly omit the embed if this works in all the browsers.

<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>
Did you try to paste the data URI I posted above in the location/address bar? If I inspect the current code in the Inspector via Inspect Element then I still see an object without a data attribute that won't work with any browser. <pre><nowiki><object height="700" width="450"> <param name="wmode" value="opaque"> <param name="allownetworking" value="internal"> <param name="allowscriptaccess" value="Never"> <embed src="http://domania.us/shuckyducky/Fubar/help/achievements" allowscriptaccess="Never" allownetworking="internal" wmode="opaque" height="700" width="450"> </object> </nowiki></pre> You need to include the URL via a data attribute in the object tag and possibly omit the embed if this works in all the browsers. <pre><nowiki><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> </nowiki></pre>

Modified by cor-el

Question owner

Ok.. so here's what we have now.. In Chrome using the code you gave me above I see nothing at all. In FireFox I see the error message. A plugin is needed to view this content.

<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>

I didn't know what that long URL you gave me was and actually meant to ask you about it. I apparently forgot to ask. I DO see what I am suppose to see in Chrome and FireFox when I paste the long link into the address bar. How can I use that to make it work in both Chrome and FireFox on Fubar?

Now, I'm confused on something else. If using the embed tag doesn't work in FireFox, what makes my music player from Hypster work in both Chrome and FireFox??

As you can see it also uses the embed tag and works just fine in both browsers..

<embed quality="high" style="width:400px; height:450px; visibility:visible; " type="application/x-shockwave-flash" height="400" width="380" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" src="http://hypster.com/flash_n/player.swf?id=5330855:7099614:1&autoplay=true" FlashVars="color_bg=0x000000&color_songbg=0x000000&color_song_clicked=0x383532&color_btns=0x3DAB1B&color_text=0xCC0000" />

Ok.. so here's what we have now.. In Chrome using the code you gave me above I see nothing at all. In FireFox I see the error message. A plugin is needed to view this content. <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> I didn't know what that long URL you gave me was and actually meant to ask you about it. I apparently forgot to ask. I DO see what I am suppose to see in Chrome and FireFox when I paste the long link into the address bar. How can I use that to make it work in both Chrome and FireFox on Fubar? Now, I'm confused on something else. If using the embed tag doesn't work in FireFox, what makes my music player from Hypster work in both Chrome and FireFox?? As you can see it also uses the embed tag and works just fine in both browsers.. <embed quality="high" style="width:400px; height:450px; visibility:visible; " type="application/x-shockwave-flash" height="400" width="380" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" src="http://hypster.com/flash_n/player.swf?id=5330855:7099614:1&autoplay=true" FlashVars="color_bg=0x000000&color_songbg=0x000000&color_song_clicked=0x383532&color_btns=0x3DAB1B&color_text=0xCC0000" />
jscher2000
  • Top 10 Contributor
8638 solutions 70669 answers

I'm seeing an empty object tag in Firefox instead of achievements. Your code is getting mangled by the site.

The reason the Flash player embed works is that it is a content type Firefox allows in an embed. cor-el mentioned earlier (https://support.mozilla.org/questions/1096769#answer-813199) that text/html, the type associated with web pages, is not allowed in an embed in Firefox.

I'm seeing an empty object tag in Firefox instead of achievements. Your code is getting mangled by the site. The reason the Flash player embed works is that it is a content type Firefox allows in an embed. cor-el mentioned earlier ([https://support.mozilla.org/questions/1096769#answer-813199]) that text/html, the type associated with web pages, is not allowed in an embed in Firefox.

Question owner

Ok, let me remind you I am not a tech person and I am still learning and obviously have LOTS to learn yet. So him saying that didn't make much sense to me. Now that you have explained better or maybe I just didn't read it right when he said it before, but I understand now the difference there.. and yes, the site clearly is screwing the code up. And being that they don't allow java they probably would not be willing to fix it so I can embed another page that contains java into their site.

So with that said.. anything else you can recommend that I can try?

Ok, let me remind you I am not a tech person and I am still learning and obviously have LOTS to learn yet. So him saying that didn't make much sense to me. Now that you have explained better or maybe I just didn't read it right when he said it before, but I understand now the difference there.. and yes, the site clearly is screwing the code up. And being that they don't allow java they probably would not be willing to fix it so I can embed another page that contains java into their site. So with that said.. anything else you can recommend that I can try?

Modified by JeremyChristopher74

jscher2000
  • Top 10 Contributor
8638 solutions 70669 answers

I don't have any workarounds you haven't already tried. Does it make any difference if you add type="text/html" into your object tag or does the site strip that, too?

<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>

I don't have any workarounds you haven't already tried. Does it make any difference if you add '''type="text/html"''' into your object tag or does the site strip that, too? &lt;object data="http://domania.us/shuckyducky/Fubar/help/achievements" width="450" height="700" '''type="text/html"'''>&lt;embed src="http://domania.us/shuckyducky/Fubar/help/achievements" width="450" height="700" '''type="text/html"'''>&lt;/object>

Question owner

jscher2000 said

I don't have any workarounds you haven't already tried. Does it make any difference if you add type="text/html" into your object tag or does the site strip that, too? <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>

That just created a blank space in Chrome. And in FF it created another plugin error. So at this point it looks like i need to label it as viewable in Chrome only and just give up on FireFox. Personally, I rarely use FF anymore unless I am playing a game. Appreciate your help though guys...

''jscher2000 [[#answer-814061|said]]'' <blockquote> I don't have any workarounds you haven't already tried. Does it make any difference if you add '''type="text/html"''' into your object tag or does the site strip that, too? &lt;object data="http://domania.us/shuckyducky/Fubar/help/achievements" width="450" height="700" '''type="text/html"'''>&lt;embed src="http://domania.us/shuckyducky/Fubar/help/achievements" width="450" height="700" '''type="text/html"'''>&lt;/object> </blockquote> That just created a blank space in Chrome. And in FF it created another plugin error. So at this point it looks like i need to label it as viewable in Chrome only and just give up on FireFox. Personally, I rarely use FF anymore unless I am playing a game. Appreciate your help though guys...