I have a problem where the src of an iframe is not loaded, and I just can't find out why this is happening.
The piece of code in question:
<div style="margin-left:20%;margin-right:20%; width:60%; position: absolute; top: 450px">
<iframe id="frame" name="frame" marginwidth="0" src="main.html" frameborder="0" width="100%" height="1000px"></iframe></div>
When loaded into the Tryit editor from W3schools, it works (404, but that's understandable), and using editor light for Chrome, it also works. But when run on the actual site (www.wolfeh.com), it just doesn't load. It doesn't even send out a request for main.html.
Can anyone explain what's going on here?
Update
Was just too late with this, looks like someone put the old code back. Still not sure what it was, but the problem has been averted.
Not sure what's going on on your side, but the frame loads ok. I would try adding the absolute path to it just in case:
<div style="margin-left:20%;margin-right:20%; width:60%; position: absolute; top: 450px">
<iframe id="frame" name="frame" marginwidth="0" src="http://wolfeh.com/main.html" frameborder="0" width="100%" height="1000px"></iframe></div>
Related
In my Angular app, I have included the following snippet in an html template:
<embed src="../assets/AOK_T2DM.pdf" style="width: 100%;height: 500px" type="application/pdf">
It appears as follows:
When I click open, the pdf file is downloaded.
How can I simply display the content instead of downloading it?
<iframe src="https://docs.google.com/viewer?url=https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf&embedded=true" frameborder="0" height="600" width="100%"></iframe>
Use Below Code
<iframe src="https://docs.google.com/viewer?url=File_URL&embedded=true" frameborder="0" height="1100px" width="100%"></iframe>
Set height as per your need or give the height as 100% and set the height for the parent div.
Check and update if it works.
I'm currently using Jmeter webdriver for performance test on a web application. I'm trying to click on a button on the page, but this is under a few frames. The problem one of the frame, that changes name for every session. This is the HTML code:
<iframe frameborder="0" id="iframe3970-45593-1439460248299" tabindex="-1" src="https://grcrep.fiatitem.com/BOE/portal/1508131050/AnalyticalReporting/WebiView.do?bypassLatestInstance=true&cafWebSesInit=true&bttoken=MDAwREcwXFo2V25vZk00QTtoS1xiUko5Y2Y6T11qOzAEQ&bttoken=MDAwREcwXFo2V25vZk00QTtoS1xiUko5Y2Y6T11qOzAEQ&opendocTarget=infoviewOpenDocFrame&appKind=InfoView&service=%2FInfoView%2Fcommon%2FappService.do&loc=en&pvl=en_US&ctx=standalone&actId=3970&objIds=45593&containerId=45589&pref=maxOpageU%3D50%3BmaxOpageUt%3D200%3BmaxOpageC%3D10%3Btz%3DEurope%2FBerlin%3BmUnit%3Dinch%3BshowFilters%3Dtrue%3BsmtpFrom%3Dtrue%3BpromptForUnsavedData%3Dtrue%3B&tidtime=3970-45593-1439460248299" style="width: 1600px; height: 703px;"></iframe>
...
<iframe id="webiViewFrame" name="webiViewFrame" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" style="margin:0px;position:absolute;left:0px;top:0px;width:100%;height:100%" src="webiDHTML/dhtmllib/empty.html"></iframe>
...
<div id="IconImg_iconMenu_icon__dhtmlLib_268" class="imo" style="width:16px;height:16px;background-image:url('images/main/galleries/icon16x16gallery1b.png');background-position:0px -208px;margin-top:2px;cursor:pointer"></div>
I want to click on the button with id=IconImg_iconMenu_icon__dhtmlLib_268
that is under the iframe webiViewFrame and the iframe iframe3970-45593-1439460248299. This last frame changes name at every session. The only part that is fixed is iframe3970-. How can I locate this element. I've tried using regular expression WDS.browser.findElement(pkg.By.id("iframe3970-"+"([0-9]+?)")) but it doesn't work.
Try locate iframe with an id that starts with the text prefix:
WDS.browser.findElement(pkg.By.cssSelector("iframe[id^='iframe3970-']"))
I am not a web designer so please bear with me but I have followed the FB like generator and copied the iframes element to my web site but it does not appear when published. Can anybody tell me what I am missing...??? the code generated is:-
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fweebagband&width=The+pixel+width+of+the+plugin&height=80&colorscheme=light&layout=standard&action=like&show_faces=true&send=false&appId=271163222908481" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:The pixel width of the pluginpx; height:80px;" allowTransparency="true"></iframe>
From this I have been even tried to paste it to a blank page but still nothing.
Even the simple Google FB "like" generator didn't work. I'd be most grateful for any help. Thanks in advance
Try this code:
<iframe src="http://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com/weebagband&layout=standard&show_faces=true&width=450&action=like&colorscheme=light&height=80&appId=271163222908481" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100%; height:80px;" allowTransparency="true"></iframe>
Your code has some errors, like width:The pixel width of the pluginpx;
And I think the url to your FB Page was wrong as well..
I assume that weebagband is the desired fanpage..
I have a problem with the Facebook like box, from the Facebook developer section. The problem is, whenever I open up my web page, I just get this error message:
Error 6 (net::ERR_FILE_NOT_FOUND): The file or folder wasn't found.
Should I make a file on my own or what?
I'm using the iframe option in HTML programming:
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebo
ok.com%2FTriplex.Mobildiskotek&width=800&height=395&colorscheme=dark&
amp;show_faces=false&border_color&stream=true&header=false" scrolling=
"no" frameborder="0" style="border:none; overflow:hidden; width:800px; height:395
px;" allowTransparency="true"></iframe>
This works just fine:
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FTriplex.Mobildiskotek&width=800&height=590&colorscheme=light&show_faces=false&border_color&stream=true&header=true&appId=219650941461322" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:800px; height:590px;" allowTransparency="true"></iframe>
You can see it working at http://jsfiddle.net/nbeQH/.
The first is your code, the second is mine. So you could see yours gives an error, while the other doesn't.
You need to add http: to the beginning of the code and you're all set.
http://www.facebook.com/plugins...
Is it possible without going to https://developers.facebook.com/tools/lint/ and putting in the URL, to rub a webservice or something and have it return the Iframe code? I do not want to go to that site manually. Thanks for any help
Just construct the URL yourself,
<iframe
src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fgoogle.com%2F"
scrolling="no" frameborder="0" style="height: 62px; width: 100%"
allowTransparency="true"></iframe>
and put your site's URL urlencoded behind the ?href=.
Here you go
just modify the urls array :)
http://jsfiddle.net/Tatqu/