|
HTML - Iframe - Change 2 Iframes Within A Different Iframe.
I have 2 IFrames on a page. I am going to end up with a long list of shows to catch-up on.
Is there a way I can embed an IFrame with the list, and when you click on a show, you it will change the Playing Show http://tiny.cc/catchup <---The page I am referring to. Similar TutorialsI have created a Google map which is created and hosted on a site which is not my own. I don't want to use an iframe. I can't get access to the source code for the map. I'm guessing I already know the answer...but...can I somehow use this map on my site, withouut having the source code, and without having to use an iframe? Probably a silly question, but I am a complete noob at html. http://www.htmlforums.com/images/smi...nfusedBulb.gif i have an iframe set up using the code Quote: <iframe href="http://www.maidenerleghweather.com/forecast2.php" target="_self" scrolling="no" src="http://www.wunderground.com/swf/pws_mini_rf_nc.swf?station=IWOKINGH4&freq=2.5&units=metric&lang=EN onClick=" style="zoom: 85%;"></iframe> which is displayed at http://www.maidenerleghweather.com/livedata.html the trouble is when i click on the iframe it links to a weatherunderground weather website, rather than the one i have specified in the code. is it possible to take control of this and use my own link instead? is it possible to use a transparent box over the iframe and then have my link connected to this? hopefully someone can point me in the right direction. i am a beginner with iframes and html so please be patient! hi; i want to create something like this http://www.microsoft.com/en/us/default.aspx need to do exactly as in this site how can i do that.... ; any script (when mouse is over needs to change the iframe....) Highlights Latest releases Using your computer Is there a way to make a link within an iFrame to change the page the user is on? e.g. I have a menu, I put the iframe code on all my web pages, someone clicks on a link in the iframe and it changes the web page. Thanks in advance! check out this! they said you couldnt, but i have! visit www.jaicpromotions.co.uk and you'll see!!! then view source! Jai insert this in the <head> section in your code, but make sure that each <iframe> has a new *.htm page as its base location, then again on each of those pages, insert this script into the <head> section again!! sorted!!!! no more unsightly grey bars !!!!! Yipee !!!!!! <STYLE type="text/css"> BODY {scrollbar-3dlight-color:#F0FFFF; scrollbar-arrow-color:#FF8C00; scrollbar-base-color:#000000; scrollbar-track-color:#000000; scrollbar-darkshadow-color:#696969; scrollbar-face-color:#000000; scrollbar-highlight-color:#FF8C00; scrollbar-shadow-color:#FF8C00} </STYLE> Hey guys, I'm trying to use submit buttons to display different websites in an iframe (or maybe I could use css?) What I'm basically trying to do is display different SQL databases when you click different buttons. So the code in the website in the iframe will just display the database. Thanks I am trying to detect a change in an iframe (to a different particular source) and when this happens refresh the outer ( top ?) frame that contains the iframe. Do I need to do this via javascript? both frames are actually php thanks in advance hi, i've a very simple html page, where i have an iframe. The problem is that i want to add some text below the iframe. however, my text keeps showing up on the right hand side of the iframe. i've looked at the tutorials discussing the tags available for iframe, but surprisingly, none seem to relevant to this. Code: <html> <body> <table border="0" cellspacing="10"> <table border="0" cellpadding="0" cellspacing="0" align="left"> <td valign="top"> <iframe src="mySource.jsp" height="700" width="600" frameborder="0" scrolling="auto"></iframe> </td> </table> This should be displayed below the iframe but actually gets displayed on the right </body> </html> any help / guidance in this will be much appreciated. thanks in advance! Hi! I've been cracking my head trying to solve this: How can I insert a iframe [i.e. 300x200px] inside of another iframe [i.e. 700x500px] and pull different web content n each one? kind of concentric iframes or like a 'Donut iframe' Now here is my problem. I'm not familiar with other laguages then html and a little bit of javascript and I wanted to make a site for me and my brothers photography company. I currently using dreamweaver and have figured out the way I want to make this site. I tried using ordinary frames, but I want the website to be aligned in the middle and I could make that happen. That is why I went into iframes and a regular table on the index page. My problem now is that I have several iFrames and I want a link from one to open in another. http://www.trans4mind.com/personal_d...e/iframes3.htm here is a link for this to happen, and the simple solution is to name the frame and then target the link. but I have tried that and when the link is from one iframe to another it won't work. If the link is on the index page and target the iframe then it works. Do you have any idea why this happens? I know it's possible since the link above does it. Hello everyone im new to this site. I am creating a website and i keep all of the data of each title in a iframe. How do i make it so that the only thing that changes is the iframe and all of the other stuff stays on the screen and doesn't load again? Thanks for any help that you will be able to give me. I am currently redoing my fraternity school website and I am having a problem with my iFrame. I want scrolling bars but not on the pages that don't necessarily need them. I set the scrolling to "Auto" and decreased the table size of the pages that are supposed to be loaded into the iFrame but this doesn't remove the scrolling bars. Any help is greatly appreciated. Here is the link: http://apa.org.msstate.edu/ I am trying to have my forums on my website but I would like to have it always fit nice. As the forum length always changes is it possable to have the Iframe height change aswell? I read that I can use a "%" instead of pixel height. http://bowdownairsoft.webs.com/forum.html I was wondering if there was a way for my iframe located on my website (which is currently loading google.com) to automatically load the specific part of the google webpage I want it to. In other words, when I go to my website, in the iframe I would like to see a specific part of a website located in the middle of the site. Right now the iframe is set to load the page at the top left corner when the size of the iframe is 200 by 200 pixels. Because of this small iframe, it is vital that I only see the part of the webpage I want to see so I dont have to scroll around in the iframe to find it. I hope someone understands what I mean... Thanks, JT The content in the white part of this page... http://www.limotraveler.com/reservations.htm is loaded in an iframe. If you click on Create Profile the page does not load in Internet Explorer, yet it works fine in Firefox. I have tried many times in the past month to find a fix on this issue & without any luck am posting it here. Does anyone have a clue how to fix this? Now if you go this page & click create profile... https://www.smartcarsinc.com/reservations/ ... everything works fine. This is the exact page that my iframe points to. So somewhere the iframe is causing an issue. I have also tried to set this up in a regular frame (something I definitely did not want to do) & it did not work that way either. So at this point I am quite stuck. If anyone has any input that would be very helpful. Thanks! Im new to Iframes and I have a simple thing I need to do. I want to put an article from one page and open it up in an Iframe on my home page. So far what I have tried is this.(page name is news.php) <a name="news"> <p> This is the news content </p> </a> Then on the home page I want to take that news article and open it in an Iframe. I dont really know what to do here. This is as far as I got though: <iframe src="news.php/#news"> Only when I do that it shows the whole news.php page, I just want that one article. How come the following script is not working? It worked all fine, until i duplicated it to make tabs. HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AKBrowser</title>
<script type="text/javascript">
function show_prompt()
{
var name=prompt("Please enter the website name in the next pop up box. E.g. (for next one) http://www.apple.com. Note Google and Yahoo aren't supported.","Not this one");
document.getElementById('website').src = prompt() ;
}
function show_promptb()
{
var name=prompt("Please enter the website name in the next pop up box. E.g. (for next one) http://www.apple.com. Note Google and Yahoo aren't supported.","Not this one");
document.getElementById('websiteb').src = promptb() ;
}
function show_promptc()
{
var name=prompt("Please enter the website name in the next pop up box. E.g. (for next one) http://www.apple.com. Note Google and Yahoo aren't supported.","Not this one");
document.getElementById('websitec').src = promptc() ;
}
</script>
<style type="text/css">
ul
{
list-style-type:none;
margin:0;
padding:0;
}
a:link,a:visited
{
display:block;
font-weight:bold;
color:#FFFFFF;
background-color:#FF0000;
width:120px;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active
{
background-color:#CC0033;
}
</style>
</head>
<body bgcolor="#000000">
<table border="0">
<tr><td>
<a name="tabone"><a href="javascript:history.go(-1)" target="iframe_a"><img src="back.png" height="50" width="50" /></a></td><td><button type="button" onclick="show_prompt()" style="height: 50px; width: 500px">Click to go to a different site</button> </td><td>
<a href="javascript:history.go(+1)" target="iframe_a" ><img src="forward.png" height="50" width="50" /></a> </td><td><font color="#33FFFF" size="6">This is the AKBrowser. Made by AK.</font></td></tr></table> </a>
<ul>
<li><a href="http://www.apple.com" target="iframe_a">Apple</a></li>
<li><a href="http://www.bing.com" target="iframe_a">Bing</a></li>
<li><a href="" target="iframe_a">Google</a></li>
<li><a href="http://www.miniclip.com" target="iframe_a">Miniclip</a></li>
<li><a href="http://www.wikipedia.com" target="iframe_a">Wikipedia</a></li>
<li><a href="http://www.msn.com" target="iframe_a">MSN</a></li>
<li><a href="http://www.cnn.com" target="iframe_a">CNN</a></li>
<li><a href="http://www.espn.com" target="iframe_a">ESPN</a></li>
<li><a href="http://www.youtube.com" target="iframe_a">Youtube</a></li>
<li><a href="http://www.facebook.com" target="iframe_a">Facebook</a></li>
<li><a href="http://www.twitter.com" target="iframe_a">Twitter</a></li>
<li><a href="http://www.nytimes.com.com" target="iframe_a">NY Times</a></li>
<li><a href="#tabone">Tab 1</a></li>
<li><a href="#tabtwo">Tab 2</a></li>
<li><a href="#tabthree">Tab 3</a></li>
<li><a href="#tabfour">Tab 4</a></li>
<li><a href="#tabfive">Tab 5</a></li>
<li><a href="#tabsix">Tab 6</a></li>
<li><a href="#tabseven">Tab 7</a></li>
<li><a href="#tabeight">Tab 8</a></li>
</ul>
<iframe src="" style='position:absolute;top:10%;left:10%;right:0px;width:90%;height:90%' frameborder="0" id="website" name="iframe_a"> Your Browser Doesn't Support iFrames </iframe>
<!-- Tab Divider -->
<table border="0">
<tr><td>
<a name="tabtwo"><a href="javascript:history.go(-1)" target="iframe_b"><img src="back.png" height="50" width="50" /></a></td><td><button type="button" onclick="show_promptb()" style="height: 50px; width: 500px">Click to go to a different site</button> </td><td>
<a href="javascript:history.go(+1)" target="iframe_b" ><img src="forward.png" height="50" width="50" /></a> </td><td><font color="#33FFFF" size="6">This is the AKBrowser. Made by AK.</font></td></tr></table> </a>
<ul>
<li><a href="http://www.apple.com" target="iframe_b">Apple</a></li>
<li><a href="http://www.bing.com" target="iframe_b">Bing</a></li>
<li><a href="" target="iframe_b">Google</a></li>
<li><a href="http://www.miniclip.com" target="iframe_b">Miniclip</a></li>
<li><a href="http://www.wikipedia.com" target="iframe_b">Wikipedia</a></li>
<li><a href="http://www.msn.com" target="iframe_b">MSN</a></li>
<li><a href="http://www.cnn.com" target="iframe_b">CNN</a></li>
<li><a href="http://www.espn.com" target="iframe_b">ESPN</a></li>
<li><a href="http://www.youtube.com" target="iframe_b">Youtube</a></li>
<li><a href="http://www.facebook.com" target="iframe_b">Facebook</a></li>
<li><a href="http://www.twitter.com" target="iframe_b">Twitter</a></li>
<li><a href="http://www.nytimes.com.com" target="iframe_b">NY Times</a></li>
<li><a href="#tabone">Tab 1</a></li>
<li><a href="#tabtwo">Tab 2</a></li>
<li><a href="#tabthree">Tab 3</a></li>
<li><a href="#tabfour">Tab 4</a></li>
<li><a href="#tabfive">Tab 5</a></li>
<li><a href="#tabsix">Tab 6</a></li>
<li><a href="#tabseven">Tab 7</a></li>
<li><a href="#tabeight">Tab 8</a></li>
</ul>
<iframe src="http://www.bing.com" style='position:absolute;top:10%;left:10%;right:0px;width:90%;height:90%' frameborder="0" id="websiteb" name="iframe_b"> Your Browser Doesn't Support iFrames </iframe>
<!-- Tab Divider -->
<table border="0">
<tr><td>
<a name="tabthree"><a href="javascript:history.go(-1)" target="iframe_c"><img src="back.png" height="50" width="50" /></a></td><td><button type="button" onclick="show_promptc()" style="height: 50px; width: 500px">Click to go to a different site</button> </td><td>
<a href="javascript:history.go(+1)" target="iframe_c" ><img src="forward.png" height="50" width="50" /></a> </td><td><font color="#33FFFF" size="6">This is the AKBrowser. Made by AK.</font></td></tr></table> </a>
<ul>
<li><a href="http://www.apple.com" target="iframe_c">Apple</a></li>
<li><a href="http://www.bing.com" target="iframe_c">Bing</a></li>
<li><a href="" target="iframe_c">Google</a></li>
<li><a href="http://www.miniclip.com" target="iframe_c">Miniclip</a></li>
<li><a href="http://www.wikipedia.com" target="iframe_c">Wikipedia</a></li>
<li><a href="http://www.msn.com" target="iframe_c">MSN</a></li>
<li><a href="http://www.cnn.com" target="iframe_c">CNN</a></li>
<li><a href="http://www.espn.com" target="iframe_c">ESPN</a></li>
<li><a href="http://www.youtube.com" target="iframe_c">Youtube</a></li>
<li><a href="http://www.facebook.com" target="iframe_c">Facebook</a></li>
<li><a href="http://www.twitter.com" target="iframe_c">Twitter</a></li>
<li><a href="http://www.nytimes.com.com" target="iframe_c">NY Times</a></li>
<li><a href="#tabone">Tab 1</a></li>
<li><a href="#tabtwo">Tab 2</a></li>
<li><a href="#tabthree">Tab 3</a></li>
<li><a href="#tabfour">Tab 4</a></li>
<li><a href="#tabfive">Tab 5</a></li>
<li><a href="#tabsix">Tab 6</a></li>
<li><a href="#tabseven">Tab 7</a></li>
<li><a href="#tabeight">Tab 8</a></li>
</ul>
<iframe src="" style='position:absolute;top:10%;left:10%;right:0px;width:90%;height:90%' frameborder="0" id="websitec" name="iframe_c"> Your Browser Doesn't Support iFrames </iframe>
</body>
</html>
Also, for my prompt box, it says "enter in blah blah in the next page", because for some reason whenever you click ok it goes to another prompt which says undefined, and that is the one it actually uses. The problem is that when I click the "links" i have at the side, it doesn't actually go to the link inside the iframe, and when i click the back button it actually doesn't go back (my back button) I'm designing a utility in HTML and I wanted to know. Is there any way possible where if I have two iframes on the same page, if I can get links in 1 iframe to open up in the other(when clicked on) without setting the target for that iframe in the links(cause I am not the admin of the pages I want to feature). Like, so that I can add an atribute or incorporate it in the css to say "alright, if theres a link in a page feature in iframe-1, it will show up in iframe-2 when someone clicks on it" so without me specifying a target in the atributes of the links. If someone could help me out with this I would greatly apreaceate it. thanks, -goredsox i'm having trouble a site that i'm trying to create. what i want to do is not make a different page for each section of the of my contents.(building a site that displays my art works) and because i have a background image i do not want to have the pages loading and loading. so i went with iframes (target and name). my website is 800X600 and i have my contents spread out. the only problem that i have is that once i try to view a different section, the previous contents are still there. for example if i had rollovers small thumbnail images on the right of my site for my illustrations and i want to view my art works under graphic design, which the roll overs are at the left part of my page, the illustration section is still there. how do i correct this problem? I have created an html page that calls another html page into an iframe. I've never used iframe before, so please forgive my ignorance. It was recommended to me by a friend of mine to use for this particular project. Anyway, the document being 'imported' needs scroll bars vertically but shouldn't horizontally. I have set scroll to 'auto'. The width of the iframe is 320 px. The document that I'm calling in is about 260 px. I've tried putting the child document contents in a table of varying sizes from 280-320 px and still get horizontal scroll bars when viewing on the PC using Internet Explorer. I've eliminated the table and just placed the text into the html doc using <span class = "">. No other browsers that I've tested Mac or PC have the horizontal scroll. Is there a way to target and eliminate just the horizontal scroll in iframe? Or, is there something I can do to the child document to remove the horizontal scroll when imported assuming that the area that it's being imported to is 320 px wide? Perhaps there's another method altogether that would work better for me? I originally used textarea, but it did not work for my purpose(s) because I need to apply formatting, ie <b></b>, to certain lines of text. Thanks in advance - sleepydad |
|||||||