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.
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 trying to build an iframe that reacts to the URL that is being inputted.
For example if the user goes to:
domainA.com/somethingnice then the iframe src should be sub.domainB.com/somethingnice
so basically always following the path.
I also plan to use javascript to hide the frame src - something like this:
<script type="text/javascript">
$(document).ready(function(e) {
$('iframe').attr('src','https://sub.domainB.com/');
});
</script>
<body>
<iframe src="" />
</body>
But I have no clue even where to start in making that src to change based on the user's links or inputs.
Any ideas are really welcome!
BTW: the src should NOT change if the users click anywhere inside the iframe - it should act just like a normal wesbite. Only when they follow an external (or direct) link to that subdomain the src for the iframe should be rewritten
Thank you!
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.
<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.
I have one page .aspx, and in page , I have put an iframe on header page.
Is it possible that iframe loads after page load finishes?
You can leave the src of the iframe empty then use Javascript to change the src when the document loads.
<body onload="function_to_change_iframe_src()">
<iframe src=""></iframe>
</body>