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.
Related
I have some youtube videos embedded in my webpage. They display fine, but when I click on them, they wont play, just display the error above.
Here's my code:
'''
<div class="music-videos">
<iframe class="music-video" width="575" height="425"
src="https://www.youtube.com/embed?v=zM32nQ21O9E">
</iframe>
<iframe class="music-video" width="575" height="425"
src="https://www.youtube.com/embed?v=Jbg5BXUlXrs">
</iframe>
</div>
'''
When the link has the word embed on it, the VIDEO_ID is separated with a slash /.
Hence, you should change your URLs as follows:
https://www.youtube.com/embed/zM32nQ21O9E
Modified code:
<div class="music-videos">
<iframe class="music-video" width="575" height="425"
src="https://www.youtube.com/embed/zM32nQ21O9E">
</iframe>
<iframe class="music-video" width="575" height="425"
src="https://www.youtube.com/embed/Jbg5BXUlXrs">
</iframe>
</div>
If you keep getting errors, please, test this code in another computer or while you're logged out from your account. This error might be some undocumented bug or any conflict with your browser add-ons.
i am new to iframe, wanted to ask , cause im accessing 3rd party url, but the content got button when this button click the url redirect to current page. is there any way i can make the url to redirect to new tab?
This is the code:
<iframe sandbox="allow-scripts allow-popups-to-escape-sandbox allow-top-navigation allow-forms allow-modals allow-pointer-lock allow-popups allow-same-origin" style="background-color: black;" width="1000" height="800"
src="3rd party url">
</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.
<iframe id="myFrame" runat="server" name="main" width="100%" src="http://www.somewebpage.com/" />
This is simple iFrame I put on my webpage. After I click on couple of buttons on that website, iframe source remains the same. But I want to be able to retrieve the changed source every time I click on buttons, links etc...
How can I achieve this?
Edit: This is the screenshot of my work. When I click on "Git" button, webpage loads on the iFrame. However, when I surf on the website, I want textbox to be updated to the source of the iFrame.
Ok, here is an idea that I test it now and its work. You change the input box after the iframe loads using the onload event of the iframe
<script>
function HasChange(me)
{
document.getElementById("WhereIamId").value =
document.getElementById("WhatIShowID").src;
return false;
}
</script>
and the html
<input type="text" id="WhereIamId" value="" />
<iframe src="page1.aspx" onload="return HasChange(this);" id="WhatIShowID" ></iframe>
You can use also the document.getElementById("<%=myFrame.ClientID>") to get the rendered id. After your iframe loads you update the text box with the current url.
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.