What I am trying to do is embed a website into mine. When you search something on their page their embed site redirects through their pages though it will still be on my web page. Any help will be appreciated. I have partnered up with this site and they don't know how to do it themselves.
I am sorry if this is confusing. Here is a example if it helps
<html>//my site
<header>//my site
</header>//my site
<body>//my site
//where embed website is with their page redirects and search engine
</body>//my site
</html>//my site
When you search on their site or go to their pages link on their site. This should be like this in way.
<html>//my site
<header>//my site
</header>//my site
<body>//my site
//new page on the embed site after redirect
</body>//my site
</html>//my site
Any thoughts or places I can go help me figure this out.
You can embed websites into another website using the <embed> tag, like so:
<embed src="http://www.example.com" style="width:500px; height: 300px;">
You can change the height, width, and URL to suit your needs.
The <embed> tag is the most up-to-date way to embed websites, as it was introduced with HTML5.
Put content from other site in iframe
<iframe src="/othersiteurl" width="100%" height="300">
<p>Your browser does not support iframes.</p>
</iframe>
You might want to check HTML frames, which can do pretty much exactly what you are looking for. They are considered outdated however.
**What's the best way to avoid a fixed size, i.e., to have the embedded website scale responsively to the browser's window size? I'd like to avoid scroll bars within my website. – CGFoX Feb 2 '19 at 15:52
**Is it possible to set width and height to percentages instead of absolute pixels? – CGFoX Mar 16 at 11:53
ANSWER: <embed src="https://YOURDOMAIN.com/PAGE.HTM" style="width:100%; height: 50vw;">
Related
I would like to embed a google excel sheet that adapts to the screen size or at least displays full content on the desktop version. Here is the current code straight from Google. Is there even a way to do this is Wordpress?
<iframe src="https://docs.google.com/spreadsheets/d/e/2PACX-1vRD8fj_8C79-j9yTl8ei5WhwcE8r1ZA7Lc3ikhGLbh_fRyyCUy4IQWT51sgfR16r8OrgXIiKXodJ5qK/pubhtml?widget=true&headers=false"></iframe>
<iframe src="*link to sheets* width=100% height=100%>
try this. Width and height 100% will surely occupy your screen.
And if you are asking for wordpress. Maybe you know first time you have to install iframe plugin from wordpress plugins. then only you can use iframes.
Use embed tag:
<embed src="https://docs.google.com/document/d/17OkIgtNdV1flno_783tJm2xWU0NBh7uEmZ5wEXP2E9g/pub?embedded=true" width="100%" style="height: -webkit-fill-available">
I am developing a website use by PC, Tablet and smartphone and i am trying to display a document in an iframe. I read a lot of post but I'm stuck.
I have a component html with an iframe inside:
<iframe src="http//..myDoc.pdf"></iframe>
On computer it works fine and the iframe display the document.
But I have two problems:
1) On android (tablet Samsung and smartphone Samsung), the document is not display and it is downloading automatically instead.
What I need to do for avoid download the document and for only display it?
2) On iPhone (6s), the document is displayed but the document's size exceeds the ifame'size.
How can I do to fit all the document in the iframe?
Thank you
I have found an answer and It works on all devices.
<iframe src="http://docs.google.com/gview?url=http://..myDoc.pdf&embedded=true" style="width:100%; height:100%;" frameborder="0"></iframe>
I need to display sensitive data. Is it a secure way to use the docs.google.com/gview ?
If I need to do something to secure the iframe, can someone tell me please?
Thank you
I want to embed a page from around 200px down. Is it possible to make an embedded page (for example, an embedded Youtube page scrolled down to the comments)? This code worked for the embed itself - <iframe src="(webpage)" width="800" height="452" frameborder="0">. I'm assuming it's HTML. Please let me know if it is poorly phrased for the section.
I have a blogger blog and I have already successfully had the domain set to a subdomain of my website e.g http://blog.jthink.net
But how do I actually embed the blog onto my website so that it has same header and footer as my main website ( http://www.jthink.net ) so it's more like the way they have done it here
Is it even possible with blogger?
Just use an iFrame for this purpose. To embed a webpage in an iFrame in your own blog of a website is equivalent to copying that webpage into your own website or blog.
Adjust the width and height to your own values that you would like to use.
<iframe src ="URL of the website you want to embed" width="100%" height="500"> </iframe>
You could also add
<p>Your browser does not support iFrames.</p>
To notify if a user uses a browser that does not support iFrame.
So the complete code will be
<iframe src ="URL of the website you want to embed" width="100%" height="500">
<p>Your browser does not support iFrames.</p>
</iframe>
Whilst iFrames is literally speaking the way to embed the blog on your webpage it means you cant give people links to a particular post within the blog, so it doesnt treally work very well.
In the end I found you could simply the customize the blogger template to make your blog look like your other pages, I found this worked better than using iframes.
I'm a bit late to the party but If you want an alternative to straight out embedding your blog you could use the the Blogger api?
To my mind that would be the best solution.
Either you can used an iFrame or you can used an Individual div for the Particular site.
Then you can embedded it within the site.
Be assure that you can adjust the Width and height of the frame or div through the CSS.
here is a simple code which help to embedded the blogger site within your existing site.
<iframe src ="www.xyz.com" width="100%" height="100%"> </iframe>
If for any reason the browser doesn't support iFrame you can notify the user for it. By Using the Paragraph or any other tag.
I'm surprised nobody suggested RSS feed subscriptions.
If it's a blogger site then you can just subscribe to the standard site feed in your current CMS (content management system). See this link for more information: support.google.com/blogger/answer/97933?hl=en
In fact, I think this is exactly how the blog you linked to achieved their effect. All the navigation baggage of the original blogger site is left behind and only the content of each post is automatically reposted via RSS content subscription -> blog.beatunes.com/atom.xml
Tools to achieve this:
-Wordpress: wordpress.org/plugins/wp-rss-aggregator
-Joomla!: extensions.joomla.org/extension/simple-rss-feed-reader
-Drupal: drupal.org/node/326575
-SharePoint: lol *highfive*
You can use iframe to embed your blog onto the website.
for example, http://jsfiddle.net/pablofiumara/mCfAe/
References: https://developer.mozilla.org/ko/docs/Web/HTML/Element/iframe
iframes are best for this. Most browsers support them.
Maybe you could use adobe business catalyst page templates?
Okay, so I'm trying to iFrame a webpage. I don't know why, but it won't stay in my page (it pops out and goes to the main page). The code I'm using is:
<iframe>http://mywebsite.com</iframe>
How do I keep it in my site?
Try this:
<iframe src="http://mywebsite.com"></iframe>
You need to use the src property.
<iframe src="http://mywebsite.com"></iframe>
HTML/text content placed inside the tags of an iframe is treated as "fallback" content that only shows up if the browser doesn't support iframes. See the MDN documentation for full details.
<iframe src="http://mywebsite.com">
This sentence only shows up if the browser doesn't support iframes!
</iframe>
Thus, you were creating an iframe that didn't point to any page with its src property (so it remained blank), and had the text "http://mywebsite.com" as fallback text to appear in browsers that don't support iframes.
EDIT:
If you don't control the site, it's possible that the framed site has some logic that says something like:
// if we are not the highest frame, someone is try to frame this site
if(window.parent != window)
// redirect the framing parent site to our site
window.parent.location.href = 'http://iframedsite.com';
This logic detects if the site is being embedded by someone else (e.g., your own site) and redirects the parent frame. You can confirm whether this is the problem by simply framing IANA's website, https://www.iana.org/ (or just http://www.example.com), which plays nicely when it is framed and doesn't do parent-frame redirects.