I am trying to use iframe with src pointing to a website made in dojo framework. My URL is on different server and and my iframe is on different server. I am just using URL to load URL's content inside iframe. But I can't see the scrollbar with iframe although the page content is more than iframe.
My code is:
<div style="overflow:visible; width: 100%;">
<iframe src="http://172.27.135.85:2040/feg/ngfeeui/public/" width="80%" height="400px" frameborder="0" scrolling="auto" style="overflow: auto;"></iframe>
</div>
Can someone help me if this issue is due to some javascript or css used in dojo framework? If needed I can post the full code of URL also, what I am able to see in firebug.
Sorry this is in an answer, I don't have the points to comment yet. Does your browser support iframes? Check here: http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_iframe_scrolling
Related
Thank you for reading my question!
I've been struggling with this WordPress oEmbed issue for a few days and tried everything I can.
Issue: When I put oEmbed link in my Wordpress post article, the iFrame card renders properly, but somehow the links inside the embedded content don't do anything when I click them.
Here's the iframe output code. I noticed there are several attributes for security settings.
<iframe sandbox="allow-scripts" security="restricted" data-secret="zMkRyFvhFL" width="600" height="200" title="“【バハマ 】アトランティス 水族館の徹底解説” — サチーズのブログ" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" data-src="https://sachiese.com/atlantis-aquariums-lagoons/embed/#?secret=zMkRyFvhFL" class="wp-embedded-content lazyloaded" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="><noscript><iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted" style="position: absolute; clip: rect(1px, 1px, 1px, 1px);" src="https://sachiese.com/atlantis-aquariums-lagoons/embed/#?secret=zMkRyFvhFL" data-secret="zMkRyFvhFL" width="600" height="338" title="“【バハマ 】アトランティス 水族館の徹底解説” — サチーズのブログ" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></noscript></iframe>
and the link <a> tags are output like this
【バハマ 】アトランティス 水族館の徹底解説
Environment:
Wordpress Version: 4.9.13 (I've not updated for a while as I don't like the new Wordpress feature)
Page URL: https://sachiese.com/bahamas-atlantis-hotel-resort/
What I've tried so far
Changing the theme => no change
Removing sandbox and security attributes in the Chrome developer tool => no change
Tried other links for embed (Youtube page) => All the links work perfectly
Checked my server security setting => Cannot find any outstanding item that affects (as far as I can tell)
Try oEmbed with other WP website I have under same server. => Works
I'd appreciate your help! Thank you :)
I disabled the LazyLoad feature on iframe by checking if off from the Media Types field on the plugin setting panel.
Now the oEmbed link works perfectly! :D
I cant work out why my iframe is not displaying correctly. There is lots to be done with it in terms of customization etc still but it isn't even displaying for some reason. I recently had SSL integrated. Here is the URL for the site where it is not displaying:
https://www.guildinator.com/domains.html
It should look like this:
http://guildinator.com/instantdomain/
The code I am using is
<iframe src "http://www.guildinator.com/instantdomain/" width="200" height="200"></iframe>
I know the width and height are weird but it was just to initially get the iframe in(eventually i want to turn it into a dynamic iframe). But I just can't work out why the iframe isn't displaying with such a basic code.
Thanks in advance for any help
i thinks you missing = in src
<iframe src="http://www.guildinator.com/instantdomain/" width="200" height="200"></iframe>
Can I do this so that I can run my web app within its website?
The app does not require webkit.
Will it require Javascript?
iFrame
The HTML iframe Element (or HTML inline frame element) represents a nested browsing context, effectively embedding another HTML page into the current page.
With iframes you can embed a web page inside another, so I think it will suit your needs.
Example:
<iframe src="a_web_page.html" width="300" height="300" style="margin-left:auto; margin-right:auto;">
<!-- The following is displayed if the browser doesn't
support iFrames (unlikely scenario nowadays). -->
<p>Your browser does not support iframes.</p>
</iframe>
The web page inside the iframe is in a separate context from the "host" page (the one including the iframe). Your JavaScript code should run okay inside the iframe.
I don't know what for you is diffrent between web app and website, but I think that iframe could be a solution for you.
I have the following code to insert a part of a website via an iframe on my webpage:
<iframe scrolling="no" frameBorder="0"
src="http://www.dn.se/"
style="width:100%; height:150px; border:none;">
</iframe>
I would like to open all links on the "iframed" website in my webpage's window (and not in the iframe). I have read on SO questions like this one, that I should use:
<base target="_parent" />
But I don't seem to get it right.
How can I open all links in a iframe window in it's parent's window, if it's a website I'm iframing?
(If possible I don't want to use a javascript library like jQuery.)
If your website and the iFrame are not on the same domain name, the browser will not allow this.
It's called Cross-Site Scripting (XSS)
I have an issue and need some clarification
I have a wordpress site i am building and every time i try and code jquery into the theme i get errors so my work around has been to use two iframes....one being the menu
Can you have a link in a iframe load that links content in the area outside the iframe...if so how....if not is there a work around.
<iframe src="http://www.heartkidsplayshop.com/wp-content/themes/outreach/menu/all-examples.html" width="620" height="110" frameborder="0"></iframe>
Yes, use target="_parent" on the links in the iFrame.