|
HTML - Iframe Help
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) Similar Tutorialshi, 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! 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. 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. 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 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. 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. Hello there. I am a programmer working on a browser. I have a question... When I load some pages, there is an IFRAME tag. I gather that this means that it contains an imbedded document. How do I load/view this document? Hi I'm making a website for a project at college and we have to insert a iframe which creates a scrollbar in the content area. But how to I add content/test to make the scroll bar work? The scroll is showing, but is showing but its faded out because there isn't any text for it to scroll down. This is the code I'm using. ><iframe frameborder="0" name="content" height="500" width="798" scrolling="yes" marginheight="0" marginwidth="0" src ="michael_1.html"></iframe> 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 I am coding a simple CMS project and I really like this template I found online http://www.quackit.com/html/template...example_5.html however it uses iframes. Aren't iframes out dated? Is there anyway to convert this template to work without iframes? Thanks in advance. I'm trying to make a iframe for http://www.atdhe.net/. When I go to preview the code it goes to a link buck advertisement. Anyone know why and how to fix it ? Code: <iframe src="http://www.atdhe.net/" style="border:0px #FFFFFF none;" name="myiFrame" scrolling="yes" frameborder="0" marginheight="0px" marginwidth="0px" height="90%" width="90%"></iframe> - Never Mind ppl found out what the problem was. Hey ^^ I got this problem with my Iframes, links when im scrolling downl. So here we got. Got my iframe with a link inside in it. So my link works fine if i dont scroll down on my page, but every time a scroll down (The Scrollbar isn't in the top), the link doesn't, work, i can't push on it or any thing, there is not Windows hand, just a normal pile over the link. It's the same with the text content, i can "Select All" the text if, i haven't touch the scrollbar, but if i scrolling down, i can't "Select All" the text :S Some body there can help me out :'( Iframe Code: <iframe src="test.html" name="ifr" width="600px" height="1000px" scrolling="auto" frameborder="0" allowtransparency="true" onLoad="loadIntoDiv('myDiv', 'myFrame')">
</iframe>
test.html Code: <table width="100%" border="0">
<tr>
<td><a href="test.html#123123" target="ifr">Link </a></td>
<td> </td>
</tr>
</table>
PS: My iframe is in a <div> tag and after that it's in a <table>, so <div><table><td><tr><iframe></frame></tr></td></table></div> Hey, I have been working on this for a couple of hours now and cant figure it out. I trying to set my page where it opens all links in a Iframe, but so far it has failed. Heres my source: Code: <map name="id1_A_Map"> <area shape="rect" alt="Home" coords="20,19,180,122" href="../index.html" target="conframe"> </map> <map name="id4_D_Map"> <area shape="rect" alt="Links" coords="20,67,152,138" href="../links.html" target="_conframe"> <area shape="rect" alt="Home" coords="20,7,152,67" href="../index.html" target="_conframe"> </map> <map name="id6_F_Map"> <area shape="rect" alt="Forum" coords="20,65,152,132" href="../forum/" target="_parent"> <area shape="rect" alt="Free Web Proxy" coords="20,0,152,65" href="../proxy/index.php" target="conframe"> </map> <map name="id8_H_Map"> <area shape="rect" alt="About Me" coords="20,0,152,65" href="../about.html" target="_conframe"> </map> <map name="id11_K_Map"> <area shape="rect" alt="Myspace Profile" coords="180,36,351,65" href="http://www.myspace.com/mmhs_hacker" target="_blank"> </map> </div> <div style="position:absolute; left:480px; top:68px; width:491px; height:460px; background-color:transparent; overflow:auto; z-index:2;"> <iframe id="conframe" allowtransparency="true" height="460" width="491" frameborder="0" style="position: absolute; top: 68px; left: 480px;" src="http://www.google.com" ></iframe> </div> The proxy link id the only Active link at the time Heres a link to the site netvirus.no-ip.org Can you please assist me with this problem. Thanks in advance Hello, I've been searching for some help for awhile now, and I've been unable to find any. I've used multiple search engines, and tried numerous forums. Here is my problem. I'm playing an online game that has an external link that users can give out to receive extra citizens within the game. I created a forum for my alliance and wanted to add a ClickMaster built into the forum. I used the forums built in website where I can add in html. I wanted to have all of the links show up in an Iframe. My problem is that I want to be able to recruit 1 persons recruit link, and then have the Iframe refresh to the next link on the list. So far I've only figured out how to add a list above the Iframe with each users name, and when you click each name it shows up in the Iframe. What I want is the 1st person show up in the Iframe, and after clicking, it moves onto the next link, and so on..... My second problem is trying to figure out how to move the scroll bar. My Iframe is wide enough that it does not have a horizontal scrollbar, but I do have a vertical scrollbar. Instead of making the Iframe larger, I wanted to have the Iframe automatically scrolldown. I've used a couple javascripts, but none have been successful yet. I'm not sure if it's because I'm not using the script correctly, or if my forum does not support javascript. The second part is not as important to me as the 1st problem. I am using a Zetaboard, and if anyone needs to see the board I can approve you as a member of the board. So I've set each links target as the Iframe, but how can I make it so each link shows up after I recruit each person? Would it be timed? Or would it move to the next link after a click within the Iframe? HTML Code: <html> <body> <p> <a href="http://darkthrone.com/recruiter/outside/D5OA3OE4OA0OA0OF9OC2" target="EoM's CM"> <font color="red">player1</a> <br> <a href="http://darkthrone.com/recruiter/outside/D5OE6OA0OA3OC2OD8" target="EoM's CM"> <font color="red">player2</a> <br> <a href="http://darkthrone.com/recruiter/outside/D5OD5OF1OB7OD5OD8OF9" target="EoM's CM"> <font color="red">player3</a> <br> <a href="http://darkthrone.com/recruiter/outside/D5OD8OF9OA3OF1OD5OA0" target="EoM's CM"> <font color="red">player4</a> <br> <a href="http://darkthrone.com/recruiter/outside/A0OF9OF9OC2OA0OD8OA0" target="EoM's CM"> <font color="red">5</a> <br> <a href="http://darkthrone.com/recruiter/outside/A0OF9OF9OE6OE6OA0OA0" target="EoM's CM"> <font color="red">asdfasdf</a> <br> <a href="http://darkthrone.com/recruiter/outside/D5OD5OC2OD5OF1OA0OC2" target="EoM's CM"> <font color="red">bear</a> </color> </font></p> </body> </html> <br> <br> <center> <iframe src="http://darkthrone.com/recruiter" style="border:1px solid;" name="EoM's CM" onload="scrollToBottom()" scrolling="yes" frameborder="yes" align="center" height = "450px" width = "1200"> </iframe> </center> Sorry for the really long post, I just wanted to follow forum rules and be as specific as I could be. If anyone needs any more info let me know. I hope I made some sense. Thank you. Hey, I'm trying to get my guilds website up. And I'm stuck. http://squeezingavocados.urli.net/ As you see the iFrame in the middle has a scrollbar, but I want the scrollbar away, and instead of just hiding the rest of the text in it, I want the iFrame to expand downwards, and in the same time expand the middle text "image", it is expandable, it wont pixelrate or anything, how can i do this. (Btw I use adobe photoshop and dremweaver) Hello, I'm having trouble solving a problem involving frames in IE7. On this page, in IE7 only, I get a large frame with a jumble of images below it. However, the same page looks perfect in Firefox. Additionally, this page works fine in IE7. It uses frames as well...?! Is there something wrong with my HTML code? Please help. Thanks in advance, echotree Okay so i have a website and i want music to play on the website, but, if i use <embed> when the user clicks on a link, the music stops. Now i could use <iframe> but i know thats not a good idea. So is there a way to have music play and never stop until the user exits the site? also i dont want to use popups. ________ i make my own sigs Hi - Im loading an IFrame by passing in several parameters to it, a username, password and accountID. A javascript funtion is then called to execute the login function. When the user presses the login button its like the parameters are getting lost, because it pulls up the default login window pormpting the user for their credentials. The funny thing is this only happens on occasion. Do I need to set up IE to retain cache or cookies? Code: url="https://website/value/ui/cameras.do?u=" + sUserName + "&p=" + sPassword + "&cmd=query&aid=" + sAcctID; document.all.BTIFRAME.src = url; document.all.BTIFRAME.style.visibility="visible"; Thanks, Larry hey everyone I have created a navigtion bar and attached it on a page using iframes. whenever i click on the links i want the content to appear just besides the navigation bar. Such that navigation bar should be present on each page of the link. Please tell me how to specify the target. I need the solution urgently |
|||||||