|
HTML - Javascript Links Leaving Iframe?
I have a couple sites being referenced within a page through iframes. Each seperate frame needs to navigate just inside the frame itself and it works just fine...
BUT, when there are javascript links within the iframes, that pulls the entire browser to the linked to page. Is there a way to keep the javascript links confined within the iframe? I never want the actual browser url to change. I know it's a wierd requirement, but it is for a customer. Similar TutorialsOn my "main.html" is an iframe. The html opening inside that iframe has a menu. I want to click on menu's links, and html must be opening inside the Iframe from main.html. But, when I click on links INSIDE the Iframe, it will open a new window instead of just opening inside the same Iframe. How do i get the iframe menu links open in the same main.html iframe ? jos Hello, I inserted another site on my site through IFrame. I can not change this other site and so a I can not change links in that other site, but I would like to open each link of that site in a new window. So far links open in the same window or if they have target=_blank in new window. How can I force all links to open in new window? Thanks in advance for all of your help. I am using iframe on one of my webpages and it contains links to other webpages on my site. Currently when I click on one of those links it opens the new page inside the iframe I declared. I would like it to open on the full page in the browser, like a common link would and not open a whole tab either. I hope this makes sense. If anyone can help I would greatly appreciate it. Thanks! I'm embedding an external website that I do not have control over into my site using an iFrame. My problem is that some of the links inside the iFrame open the iFramed site in the same tab, which takes the user away from my website. What I'm trying to do is influence the links inside the iFrame so they behave similar to target="_blank", so they open in a new tab, leaving my site intact in the original tab. So far in my research its looking like it's impossible to influence the links inside an iFrame in this fashion without having control of the actual iFrame content. If it is in fact not possible, is there another solution for embedding another site within mine that allows this control, that's not an iFrame? Thanks so much for the help! <!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=iso-8859-1" /> <title>Untitled Document</title> <link rel = "stylesheet" type = "text/css" href = "stylesheet.css" /> </head> <body> <div id = "container"> <div id = "left"> <ul> <li><a href = "http://www.freewebs.com/jazzclan/about.htm" target="iframe"><img src="http://www.freewebs.com/jazzclan/nav_about.gif"></a></li> <li><a href = "http://www.freewebs.com/jazzclan/freeboard.htm" target="iframe"><img src="http://www.freewebs.com/jazzclan/nav_freeboard.gif"></a></li> <li><a href = "http://www.freewebs.com/jazzclan/main.htm" target="iframe"><img src="http://www.freewebs.com/jazzclan/nav_main.gif"></a></li> <li><a href = "http://www.freewebs.com/jazzclan/member.htm" target="iframe"><img src="http://www.freewebs.com/jazzclan/nav_member.gif"></a></li> <li><a href = "http://www.freewebs.com/jazzclan/replay.htm" target="iframe"><img src="http://www.freewebs.com/jazzclan/nav_replay.gif"></a></li> </ul> </div> <div id = "right"> <div id = "head"> </div> <div id = "main"> <div id = "headleft"></div> <div id = "headright"></div> <div id = "theleft"> Text to go in the left column....Text to go in the left column....Text to go in the left column....Text to go in the left column....Text to go in the left column.... </div> <div id = "theright"> Text to go in the right column....Text to go in the right column....Text to go in the right column....Text to go in the right column....Text to go in the right column....Text to go in the right column....Text to go in the right column....Text to go in the right column.... </div> </div> <iframe id="iframe" src="http://freewebs.com/jazzclan/intro.htm" style="width:545px; margin:0px;" frameborder="0" hspace="0" vspace="0" scrolling="no"></iframe> </div> </div> </body> </html> The links, main, about, freeboard, ect. don't seem to open in the IFrame. Does anyone have any suggestions? So... I am making a website to learn some web design but I am having trouble. On this wesbite, the main site is composed of a layout, and all the links and whatever get opened in an Iframe. There is a nav bar on the left with links like "Music, Videos, Games" etc... and on the music section there is alot of music files (that I am hosting) to listen to. What I want to do is embed an object on the main frame, the one with the Iframe on it, and when you click one of the songs, instead of downloading it (or playing it in a new page) it plays it in the embed. I have looked for a few sites, most of them arent compatible with IE7 and Firefox at the same time... which is important (Mainly firefox though =] ) I need some help All my music files are stored in ".../Files/Music/" and the iframe is set up in the Index.htm, which links to "Music.htm" which has about 60 links to music, which I dont want people to download, I want them to be there to listen to! Hi All, I am building a website for a friend. The site is built in Dreamweaver CS2. I need to have the top part of the background in black and the bottom part of the background in white. I have done this so far with a table, 100% width, background black. But when I view it in IE or Firefox, the background has a white border around it, rather than coming right to the edge of the screen. You can see what I mean he Test Site Any help is much appreciated. Ok simple right? I have a <form> in the left margin of a page. Where ever I insert </form> tag I get an obnoxious blank line. I really need this blank line gone. The page is dynamically generated (sometimes the form is there and sometimes not). There is a style sheet for the page and I can put extra html code in if the form is generated. It seems like this should be easy but it has eluded me for some time now. At first I just put the tag at the bottom but now I must have another form on the page that doesn't work inside the first. Hey guys, I have designed my site using firefox as my default browser. My site looks exactly as I want in all of the following; Firefox, Chrome and Safari but IE 8 shifts my JS links. the site in question is: http://for-rent-nerja.co.uk Can anyone shed any light on why? I have tried in IE8's 'compatablilty mode' and whilst this improves the layout it does not change the link positioning! IE8 is a joke! I have this code in my js which is located http://www.for-rent-nerja.co.uk/hvmenu/exmplmenu_var.js which defines the links, and this defines the left positioning ' var StartLeft=-8; ' - if I set that to ' var StartLeft=0; ' that aligns it in IE8 but knocks it out of line in the other 3. Any suggestions on how to sort this out would be warmly received! Thanks guys! Jamie hey guys on my website i am going to play music and so that the music will continue to play and not restart while the viewers are browsing, i have made it so that u stay on the same page and the iframe will change when u click on the links i am going to have the sidebar change for different pages so the sidebar is also an iframe. the links on the sidebar are actually javascript links so that they will adjust the height of the body iframe and change the src my website is HERE! this website works beautifully in internet explorer, but in safari the sidebar is useless can anyone tell me why? THIS IS THE CODE FOR THE IFRAMES HTML Code: <td class="sidebar"> <img src="http://ryanhollis.webs.com/icons/sidebar1.png" alt="" width="200" height="46"/><br class="pic"/> <iframe src="sidebar.html" height="200" width="150" class="sidebar" id="sidebar" scrolling="no" frameborder="0" allowtransparency="true"></iframe> <img src="http://ryanhollis.webs.com/icons/sidebar3.png" alt="" width="200" height="46"/> </td> <td class="text" rowspan="2"> <img src="http://ryanhollis.webs.com/icons/body1.png" alt="" width="642" height="64"/><br class="pic"/> <center><iframe src="home.html" height="300" class="body" id="iframe" scrolling="no" frameborder="0" allowtransparency="true"></iframe></center> <noframes> Your browser is out of date. To view this site you are going to have to update your browser. </noframes> <img src="http://ryanhollis.webs.com/icons/body3.png" alt="" width="642" height="70"/> THIS IS THE CODE FOR THE LINKS THAT ARE ON THE ACTUAL PAGE AND WORK IN BOTH BROWSERS (the onclick property is what you need to look at the others just to change the pic in a scroll over) HTML Code: <img src="icons/home.png" alt="HOME" id="home" onclick="link('home',300)" onmouseover="changePic('home')" onmouseout="changePicBack('home')" width="223" height="134"/>
THIS IS THE JAVASCRIPT FOR WHEN THE LINK IS CLICKED Code: function link(page,size)
{
document.getElementById("iframe").height = size;
document.getElementById("iframe").src = page + ".html";
space = size - 158;
document.getElementById("whitespace").height= space;
}
THIS IS THE CODE FOR THE SIDEBAR HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="othercode/formating.css" />
<script type="text/JavaScript" src="othercode/links.js"></script>
</head>
<body>
<p class="sidebar">
<a href="javascript:link('home',300)" target="_parent">Home</a><br /><br />
<a href="javascript:link('blog/blog',650)" target="_parent">Blog</a><br /><br />
<a href="javascript:link('life',680)" target="_parent">Life</a><br /><br />
<a href="javascript:link('links',400)" target="_parent">Links</a><br /><br />
</p>
</body>
</html>
You are probably not going to have all the code you need in this so here are some links This is the main page This is the page for the sidebar iframe This is page for the content iframe This is my CSS This is the javascript that makes the links work Thanks guys if u can make sense of any of my code you are a life saver... all five flavors p.s. and yes the music isnt on there yet i'm making sure i can get this to work first. if have any suggestions on music to put on there feel free to tell me those too Hi everyone, I hope I have posted this in the right area. This is my first time posting here. I currently have my main pages listed at the top of my site as graphics (see fussybaby.ca). I would like to potentially remove these graphics and use text links instead - I had the graphics designed for me, so I can't just go in and make new ones, however I'd like to change/rearrange the links and add some new ones. So my question is: How hard is this to do? Is this something I need to hire someone to do for me? Thanks in advance for any advice! 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! 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. Hi, I'm new at this and was wondering if anyone could help me with the Html syntax so that when i click on <a href> link instead of going to a new page it simply either drops down or pops out with a number of other links which actually bring you to pages?? Something like the main link it "options" and the sub link are "sounds" and "view". Thanks for your help!!!! Okay im trying to get a website started and here the problem my pages are not linking. here are the links i have. Code: <li><a class="current" href="http://jailbreakmyiphone.design-is.co.uk" title="home"><span>HOME</span></a></li> <li><a href="http://jailbreakmyiphone.design-is.co.uk/news" title="news"><span>NEWS</span></a></li> <li><a href="http://jailbreakmyiphone.design-is.co.uk/tutorials" title="tutorials"><span>TUTORIALS</span></a></li> <li><a href="http://jailbreakmyiphone.design-is.co.uk/downloads" title="downloads"><span>DOWNLOADS</span></a></li> <li><a href="http://jailbreakmyiphone.design-is.co.uk/repos" title="repos"><span>REPO'S</span></a></li> <li><a href="http://jailbreakmyiphone.design-is.co.uk/ads" title="ads"><span>APPLE AD'S</span></a></li> <li><a href="http://jailbreakmyiphone.design-is.co.uk/contact" title="contact"><span>CONTACT</span></a></li> here a screen shot of the server and my files Also my site address is http://jailbreakmyiphone.design-is.co.uk/ thanks in advace walous does anyone know how to create a link that brings you down to a lower part of the page? This is a line of code in my XSL file. It is supposed to generate a link and the link text is the same as the URL. Code: <a href="<xsl:value-of select="." />"><xsl:value-of select="." /></a> It generates this error: Code: XML Parsing Error: not well-formed Location: http://levichi.com/portfolio/portfolio.xsl Line Number 35, Column 16: If I remove the "a href" code, my XML file is displayed well, so it must have something to do with the link code. I suspect it has something to do with nested quotes? I was wondering how to do 2 link's in 1, Like where you can click a link, and a little slide bar will popout and show a preview of a page, but if you open it in a new tab. it will actually go to that page instead of opening a preview of the page. Basically 2 different link's, Does anyone know how to do this? (an example of this is on facebook, on the right side of the page where your "online friends" are. if you click there name, an instant message box pops up at the bottom, but if you right click there name and open in a new tab it goes to there profile instead of opening the Istant message box. |
|||||||