How to embed an iframe in Confluence page? - iframe

I want to embed an iframe in a Confluence page, e.g. Google Calendar.
I insert the iframe code in Confluence page, it should show the calendar as follows:
But it just display the text of code as follows:
<iframe src="https://calendar.google.com/calendar/embed?src=3g3ie767f4ji0e72icgtfjg%40group.calendar.google.com&c" style="border: 0" width="800" height="600" frameborder="0" scrolling="auto"></iframe>
How to embed an iframe in Confluence page?

Log in as your Confluence Admin, go to manage add-ons
Enable all the modules of the Confluence HTML Macros
Insert the Include HTML Macro when you are creating/editing a page.
a) Go To Insert More Content > Other macros
b) Search for HTML macro
c) Paste the following code inside the macro
Save the page
<iframe src="https://calendar.google.com/calendar/embed?src=3g3ie767f4ji0e72icgtfjg%40group.calendar.google.com&c" noborder="0" width="830"
height="800" scrolling="yes" seamless></iframe>
<iframe src="https://calendar.google.com/calendar/embed?src=3g3ie767f4ji0e72icgtfjg%40group.calendar.google.com&c" noborder="0" width="830"
height="800" scrolling="yes" seamless></iframe>

When adding a macro I did the following:
"Other Macros"
Search for "iframe"
Select "Iframe" macro
Enter only the iframe url, and any other required settings.

Related

Clearing Values in Iframe on Web Site

I am working with a Iframe code for a web page. When I embed it on the page, I find that when I come back the form values are what I had previously inputed. I want to have the values of the form to be cleared.
Here is my code: <iframe src="https://go.sabertorch.com/l/902951/2021-01-20/4wl1" width="100%" height="500" type="text/html" frameborder="0" allowTransparency="true" style="border: 0"></iframe>
Is there anything that I can add to make sure that values are cleared.

How do I get a Google formkey with the new google forms

The old Google form embed code looked like:
<iframe src="https://docs.google.com/spreadsheet/embeddedform?formkey=dFdXNHV2aGthMW4sdg32enZsd2VkZWc6MQ" height="2200" width="700" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
The new Google form embed code looks like:
<iframe src="https://docs.google.com/forms/d/1fh95JfDQsElkjfdgLH234PwzA2bGTTwhRs7Tk6Eg/viewform?embedded=true" width="760" height="500" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
I am using a CMS plugin that takes an arbitrary formkey and generates the embed code.
Does anyone know how to get the formkey value using the new Google forms?
If you are using an "old" Google form (if you can see a menu bar at the top with "file" in it, then it's an old form), then look in the URL of the edit page for the form. The hash string appearing before "/edit" seems to work as the formkey. For example, suppose your edit page's URL is
https://docs.google.com/a/forms/d/###formkey_hash/edit
and it generates HTML for embedding this form in your website, as follows:
<iframe src="https://docs.google.com/forms/d/e/###embed_hash/viewform?embedded=true" width="760" height="500" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
and in your embedded form, you want the spreadsheet title to be hidden. You could accomplish this like
<iframe src="https://docs.google.com/forms/d/e/###embed_hash/viewform?embedded=true&formkey=###formkey_hash&ttl=0" width="760" height="500" frameborder="0" marginheight="0" marginwidth="0">
The ttl=0 pair turns off the title, but this won't work without the formkey pair.
This trick doesn't work for new Google forms, however. I don't know whether that's because (a) URL parameters don't work for new forms, (b) they do work, but the formkey is found by some other method, or (c) none of the above.

Redirect webpage to link in Iframe

Currently, I am creating a webpage which use search tool of Google.com.
- I made a form on the page which will sent query form to Google.com.
- For the search result, I used I an iframe to display those content.
But the problem is: when the iframe displays search result links, If user click on those link, only the content in the iframe got redirect to the result webpage, while I want the link to redirect the main page itself.
Is there a solution for this ?
The code for my main page
- The searchFrame is where the form is
- The contentFrame is just an empty page.
'
<div id="sidecontainer">
<iframe id="SFrame" name="SearchFrame" frameborder ="0" width="500" height="100" scrolling="no" src="SearchBox.html"></iframe>
</div>
<div id="content">
<iframe id="CFrame" name="ContentFrame" frameborder="0" width="80%" height="900px" scrolling="no" OnLoad="window.scroll(0, 0);" src="ContentFrame.html"></iframe>
</div>
'
Cheers
Use base tag. Add this to the head of the iframe. This will open all the links in the parent page itself
<base target="_parent" />
This is supported in all browsers too.

how to show pdf inside the aspx page?

net mvc 3. I want to display the pdf file as a part of aspx page for preview purpose.
i don't want to use IFrame control. can we do this ?
I know you said no frames, but Google PDF viewer seems to be the most popular:
<iframe src="http://docs.google.com/gview?url=http://example.com/mypdf.pdf&embedded=true"
style="width:718px; height:700px;" frameborder="0"></iframe>
And you can try:
<embed src="http://yoursite.com/the.pdf" width="500" height="375">
Best Way to Embed PDF in HTML

iframe refresh banner code NO PAGE REFRESH

how do i create a iframe refresh ads banner code NO PAGE REFRESH ,not adsense
example =>
<div align="center">
<iframe src ="http://www.1pars.com/ads/2.html" id="I1"
name="I1" align="center" height="63" width="500" "border="0"
frameborder="0" scrolling="no" marginheight="1"
marginwidth="1"><p>Your browser does not support
iframes.</p>
It's simple as this:
<iframe src="../../../index.htm">
<p>Your browser doesn't support frames. You can visit the site directly via
this link.</p>
</iframe>
The linked index.html needs to have this in its header:
<meta http-equiv="refresh" content="15; URL=index.html">
The question is fairly generic; however, if you want to just have an iframe load a banner image, and then have that banner image refresh dynamically, the best choice to me would be an ajax request to the server to fetch your next image to use, and then insert the new source url into your image tag on the page.
Alternatively, your iframe banner page could contain some images on it, and some javascript to rotate between the predefined images.
However, without knowing a more complete issue, that's the best answer I can give.

Resources