HTML - Frames And Html Refresh Question
So a few questions,
If you have a webpage within a frame, be it a regular frame or an iframe, and there is a link in the webpage inside the frame, if no target is specified for that link then by default the link loads in the same frame as the original web page, in all browsers, correct? Secondly, what is the syntax for specifying a target while doing a meta tag automatic refresh? Thanks for the help! Similar TutorialsHi! I am new to HTML. Stuck at this. Could someone please help? Need simple HTML code to create frame like this: Image below. Thanks Can anyone tell me why someone may want to have frames or multiple html docs on a web page? I can't find a reason for this anywhere on the net? Hello, I am building a personal website from which I plan to link to other sites such as facebook. flickr, etc where I have publicly viewable content. I have been working on a frame that I will put on top of these pages when they are linked from my site. So, I have made the frame and corresponding html documents, but I was wondering... I have the top frame set at 25px, which is just enough to show a single line of text and some links. I used the * variable to make the bottom frame, which is the actual page, to fill in the rest. My problem is that it appears the frame is draggable, meaning you can pull it down farther or smush it all the way up to the top. Is there a way to fix this? I can provide the code for the frames if neccessary. here is the site: http://www.trevorsummerfield.us All help is greatly appreciated Thanks I am creating a site using frames and was wondering if it was possible to have the website centered so that it would look the same in all browsers. Also I am having an issue with the background on my right side frame repeating and I can't seem to get the no-repeat sort of codes to work for me. Any suggestions? Thank you. Hi guys, I am trying to help my friend figure out what is going on with his (VERY BASIC) website. I believe that he created it using dreamweaver originally, and then tampered with the code a little. The problem is as follows: The website seems to display perfectly as intended on mac ( safari) however when viewed on PC wit internet explorer the frames do not not work properly, They are opening in different windows etc. I know that no-on ould ever recommend building a site like this with frames, but would recommend iframes etc, however i ws wondering if there is a flaw in the code that can be fixed to resolve his problem simply? Thanks for even taking the time to read this, any helpful advice would be most appreciated! the code is as follows: The code titled "main" the main piece of code, then the coodes titled "top", "middle" and "bottom" are the codes for the respective frames. MAIN: -------------------------------------------------------------------------------------------------------- HTML Code: <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title></title> </head> <frameset rows="67,*,74" framespacing="0" frameborder="no" border="0"> <frameset cols="*" framespacing="0" frameborder="no" border="0"> <frame src="topframe.html" name="topFrame" scrolling="No" noresize="noresize" name="topFrame" /> </frameset> <frameset cols="*" framespacing="0" frameborder="no" border="0"> <frame src="midframe.html" name="mainFrame" name="mainFrame" title=""mainFrame" target="_self" /> </frameset> <frameset cols="*" framespacing="0" frameborder="no" border="0"> <frame src="bottomframe.html" name="bottomFrame" scrolling="No" noresize="noresize" name="bottomFrame" /> </frameset> </frameset> <noframes><body> </body> </noframes></html> TOP: -------------------------------------------------------------------------------------------------------- HTML Code: <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>Untitled Document</title> <style type="text/css"> <!-- body { background-color: #A890AE; background-image: url(Images/maze%20strip%20top.jpg); } .style1 {font-size: 8px} --> </style> <script type="text/JavaScript"> <!-- function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } // function FP_preloadImgs() {//v1.0 var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array(); for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; } } function FP_swapImgRestore() {//v1.0 var doc=document,i; if(doc.$imgSwaps) { for(i=0;i<doc.$imgSwaps.length;i++) { var elm=doc.$imgSwaps[i]; if(elm) { elm.src=elm.$src; elm.$src=null; } } doc.$imgSwaps=null; } } function FP_swapImg() {//v1.0 var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length; n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm; elm.$src=elm.src; elm.src=args[n+1]; } } } function FP_getObjectByID(id,o) {//v1.0 var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id); else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el; if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c) for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; } f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements; for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } } return null; } --> </script> </head> <body onload="FP_preloadImgs(/*url*/'Images/image-g.gif'); MM_preloadImages('Images/discography-black.gif','Images/images-black.gif','Images/text-black.gif','Images/download-black 45pt.gif','Images/download-g.gif','Images/download-b.gif','Images/image-g.gif','Images/text-g.gif')"> <div align="center"><img src="Images/divider.gif" alt="." width="65" height="33" /><a href="download.html" target="mainFrame" onmouseover="MM_swapImage('download','','Images/download-g.gif',1)" onmouseout="MM_swapImgRestore()"><img src="Images/download-b.gif" name="download" width="205" height="10" border="0" id="download" /></a><img src="Images/divider.gif" width="30" height="33" /><a href="images.html" target="mainFrame"><img src="Images/image-b.gif" name="images" width="124" height="10" border="0" id="images" onmouseout="FP_swapImgRestore()" onmouseover="FP_swapImg(1,1,/*id*/'images',/*url*/'Images/image-g.gif')" /></a><img src="Images/divider.gif" width="30" height="33" /><a href="text.html" target="mainFrame" onmouseover="MM_swapImage('text','','Images/text-g.gif',1)" onmouseout="MM_swapImgRestore()"><img src="Images/text-b.gif" name="text" width="104" height="10" border="0" id="text" /></a><img src="Images/divider.gif" alt="." width="65" height="33" /><a href="midframe.html" target="mainFrame"></a></div> </body> </html> MIDDLE: -------------------------------------------------------------------------------------------------------- HTML Code: <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>untitled</title> <style type="text/css"> <!-- body { background-image: url(); } .style1 { border-width: 0px; } --> </style> <base target="_self" /> </head> <body> <div align="center"> <p> </p> <p><a target="mainFrame" href="download.html"> <img alt="" src="Images/doomsayercoverthumb.jpg" width="319" height="319" class="style1" /></a></p> <p> </p> <p> </p> </div> </body> </html> BOTTOM: -------------------------------------------------------------------------------------------------------- HTML Code: <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>untitled</title> <style type="text/css"> <!-- body { background-color: #FFFFFF; background-image: url(Images/maze%20strip%20bottom.jpg); } .style1 { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 13px; font-weight: bold; } .style2 {font-size: 10px} .style4 {font-size: 12px} --> </style></head> <body> <div align="center" class="style1"> <p class="style2"> </p> <span class="style4">last updated 08/12/2011</span></div> </body> </html> <HTML> <HEAD> </HEAD> <frameset border=0 noresize=yes COLS="400,*"> <frame src="http://facebook.com" name="myframe1" scrolling=yes> <frame src="http://twitter.com" name="myframe2" scrolling=yes> </frames>et> <noframes> <body> This page uses frames, but your browser doesn't support them. </body> </noframes> </HTML> To make this real quick...I want to have twitter and facebook in two frames on one page...whenever I do it, both sites don't seem to allow it to happen. The entire thing just redirects me to Twitter's website automatically, and if I click on the Facebook frame it does the same. Any way around this? Thanks in advance! Is there any way that I can set up a page with frames where the frames remain a fixed width and will stay that size even if the browser cannot show them in their entirety? This is a simplified version of what I'm trying to do (with two random sites in the frames for an example) <html> <frameset cols="800, 800"> <frame src="google.com"> <frame src="yahoo.com"> </frameset> </html> How that is working right now is that if you reduce the size of the browser then the frames also reduce in size so that they both remain on the page... I don't want this. I want the frames to remain the fixed width (800) and if the browser is not large enough to display them (<1600), I want it to have a scroll bar along the bottom to scroll further right to view them. I don't really ever use frames though, so I'm not quite sure if there's a command to throw in either frameset or frame tags or if there's something else I need to do. Thanks! Hey guys! I'll get right to the point. Here's my issue. On my bands website I have created a place where you can view all of our past setlists. (take a look at the image below now). The way I have this set-up right now is the links on the right link to a new HTML document and everything is the same on the page except it opens the show that you clicked on in the left box. Which means that every time we play another show and I add it to the list, I have to go to each and every show HTML document and add it. Now I don't know if frames are the right solution to this problem, but I really want everything on the page to stay that same but when you click a show on the left it would just open a the show in that left box. I think PHP would be the correct solution, but I'm lost when it comes to that too. Also, if you wanna check it out, it's actually on the web at: http://aqueousband.com/setlists.html So really I'm just looking for any solution you guys have. Thanks! Nick Hi everyone, I'm new to this forum and I need some help. I look after a website which uses frames, one for the navigation bar and one for the main content. I have the index.html file as the file which sets up the framset: Code: <html> <HEAD> <TITLE> Hoylake Sailing Club </TITLE> <META NAME="KEYWORDS" CONTENT="hoylake,"sailing,club,hoylake sailing club,hsc,HSC,wirral,wirral sailing"> <META NAME="DESCRIPTION" CONTENT="Hoylake Sailing Club is a sailing club based in Hoylake on the Wirral, North West, England"> <META http-equiv=Page-Enter content=blendTrans(Duration=1.5)> </HEAD> <frameset cols="170,*"> <frame name="Content" target="Content" src="frameset/index-frame.html" scrolling="no" noresize> <frame name="MAIN" target="MAIN" src="index-home.html" scrolling="auto" noresize> </frameset> <body> <p>This page uses frames, but your browser doesn't support them.</p> </body> </noframes> </frameset> </html> I need to make this so that I can give direct links to a page on the website (eg. openday.html) but obviously it needs to go through this page so that it will load the frames. I was thinking that with the right code, something like 'www.hoylakesc.org.uk/index.html?openday' could be done Thanks in advance, James Melling. Hi, We are planning to use HTML frames in our product. Does anybody know any web standards which prohibits its use? cheers kk I want to make a html frame that only shows a portion of the page is this possibble, if so please could you explain how for example if i just want to show the text entry box in google on my frame. Thanks I am trying to build a website on a free webservice provider for a game that I play. The game is called Batheo, and the chat that they have is horrible. What I would like to do is really just have a 4 frames 1 for the banner, 1 for the navigation, and 2 more both running vertically. heres the code <frameset cols=10%,* bordercolor=blue> noresize=yes> <frameset rows=20%,*> <frame src=http://www.justiceHome.0catch.com/Banner.html name=BANNER scrolling=no marginwidth=0 marginheight=0 noresize=yes> <frame src=http://www.justicehome.0catch.com/Nav.html name=NAV marginwidth=0 marginheight=0 scrolling=yes> </frameset> <frameset cols=60%,*> <frame src=http://www.justicehome.0catch.com/Blank.html name=CONTENT2 scrolling=yes marginwidth=0 marginheight=0 noresize=no> <frame src=http://www.justicehome.0catch.com/Welcome.html name=CONTENT scrolling=yes marginwidth=0 marginheight=0 noresize=yes> </frameset> </frameset> Now the page opens just fine and looks how I want it to look. Below is the Navigation code. <BR><a href="http://www.justicehome.0catch.com/Welcome.html" target="CONTENT"><font color="white">Home</font></a> <BR><a href="http://www.justicehome.0catch.com/Chatroom.html" target="CONTENT"><font color="white">Chatroom</font></a> <BR><a href="http://b1.clapalong.com/" target="CONTENT2"><font color="white">Batheo</font></a> all the links work fine but the 3rd one. The page will open but it wont do anything. If you go to Batheo.com on the homepage to the right it has you sign in. Once you've signed in a button that says Play Now will appear, click it and it will open the http://b1.clapalong.com link in a new window, if you arent logged in and you try to go to that address it will present you with a login and not open it in a new window. Anyone know of a way to build this code better and get the page to actually open properly. The goal is to have the game display and to the right have a seperate chat so we dont have to keep switching between pages, or download a chat service. Thanks for any and all help! Hi everyone, I'm new here and have a new website for my little craft business - I have designed it totally from scratch writing the HTML by hand (in Notepad!), using what I learned from some Google searches: http://kristenhill.sasktelwebsite.net Even though I have keywords listed in my home page (<Meta name="Keywords" content="...), Google will not pick up any of my content when I search for any of it! Someone suggested that it might be because I am using Frames and that I should switch to plain HTML combined with CSS. I have no idea how to do that as I am new to HTML (and don't know if that suggestion is even correct), and am wondering if anyone can help me! I would be happy to send you my code and would really appreciate any help, even if it's a sample of how I would translate it from its current state with Frames, to a new improved version using HTML & CSS. Thanks in advance! Kristen Hey, my first post here, and I needed some help with coding part of a website. So here's my problem. Part A of the picture (below) needs to stay the same even though you've clicked on a link to another page. Part B of the picture is content that needs to change with the page. Now, I could copy and paste the code from one page to another for Part A and then manually change Part B, but I would much rather like to only have to edit Part A once each change. How could I go about doing this? Any ideas or suggestions would be great. Here's the a link to the picture, and thanks for your help :-) -Daft http://img214.imageshack.us/img214/4480/reptx9.jpg <---- BIG Picture can the anchor tag be used in HTML tables, such that if an <a> tag is used in one cell of the table, then its target is another cell of the same table. very much like frames, but can it be done using tables. if so, how? hello every one, i am a new with HTML. i am need to create a html page which gets refresh periodically so i did this... <head> <meta http-equiv="refresh" content="1" /> <meta http-equiv="expires" content="0" /> </head> <p><img src="/path" width="320" height="240" border="0" alt="my cam pic" /></p> It works fine , but when it gets refresh on IE or on mobile browserat the time of refersh page goes blank .. i just want to refersh image with out going it blank .. i mean it should display previous image till it gets next one and yes not looking for java or any other script.. can it be possible .. i want it in plain HTML script please help thanks in advance i'm devloping a sharepoint website and I want to include 2 asp.ne listpages from our company's CRM webapp. sharepoint provide a way to use the <iframe> tag in a webpart. so i could say <iframe src="http://columbus.cereusace.be:######/Cereus/_root/homepage.aspx?etc=2&viewid={####################}" , and this gives me my list, but thje normal popups that are created when clicking a listItem are not working, so instead of putting the 2 lists I want to show in webparts, i made this simple html page. <html> <frameset cols="50%,50%"> <frame src="http://columbus.cereusace.be:######/Cereus/_root/homepage.aspx?etc=2&viewid={####################}"> <frame src="http://columbus.cereusace.be:######/Cereus/_root/homepage.aspx?etc=2&viewid={####################}"> </html> this gives me the page i want to show my users, the contactslist, with out IT workers, next to the joboppurtunities list. But again, i cant open the detail vieuw of a worker from the list, when you open the page that are in 'src' this works fine. so the frames are the problem. is there a way to resolve this? I'm currently updating some online forms using HTML. When the page is refreshed (either manually, or by pressing a button) the page redirects to the top. Is there any code that will refresh the page to the last position before the refresh. Ex: If you are half way down the page, and click an "Add" button, the page will refresh back to that same spot. Any help would be great. Thanks, Sarah Hi, I am currently making a website, I have used an inline frame on my site, and I am having trouble getting it to do what I want it to! lol Basically, I have put a menu on the left of the page, and an inline frame in the middle, now, I want it so that when you click on a link on the left, the whole page stays the same, but the inline frame will go to the requested page. So basically, a website inside a website if you see what I mean. I have tried using <a href="http://address.com/page.htm" target="mainframe"> </a> but I still can't get it to work. If anyone has any ideas it would be great!! Thanks a lot. ps: I should also add, I am using tables on my site, and the menu is in a different table to the iframe, does that make a difference? I have browsed the search function and found some topics that are helpful, but when I try the codes that are stated on those pages, it creates another iframe on my page, but it works with that one, but the new iframe is always in the wrong place, I am using MS frontpage by the way, and I added my iframe by click insert, and inline frame. The code I used that worked, but put another iframe below the menu, was this one: <p><a href="http://www.websitename.com/page.htm" target="frame">About</a></p> <!-- #BeginEditable "content" --> <iframe id="frame" name="frame" width="580px" height="450px" scrolling="auto" frameborder="0" Your browser does not support frames or inline frames.</iframe> <!-- #EndEditable --> It is done like that, because the page I am linking to, isn't stored on my site, but I don't think that should pose a problem, as it should display the same as it would if it was stored on my server, or so I would have thought? I look forward to any replies, and I thank you for taking the time to read this long post. Hi guys, I'm working on a project which requires an HTML page to be updated regularly, say every 10 seconds. however its not the whole page i need to refresh but rather a section of it. that section in question is a table that has status icons within. those status Icons receive values from a server and update accordingly. the following code corresponds to those images you see in the attachment. HTML Code: <td width="100" style="TEXT-ALIGN:center" onclick="showNFailDialog('{IP_ID}','{ZONE_ID}','{GROUP_ID}');"> <IMG style="WIDTH:24px;HEIGHT:22px;CURSOR:hand" class="ZState NFail" name="disp" alt="Zone {ZONE_ID}" src="../../Icons/circle_cancel.png" eis="name:{IP_ID}.{ZONE_ID}.{GROUP_ID}.Alarm;type:1;virtual:1;img0:/Icons/circle_green.png;img1:/Icons/circle_red.png;"> </td> this line basically says value 0 shows green, value 1 shows red.. img0:/Icons/circle_green.png;img1:/Icons/circle_red.png Is there a way I can insert some code into the image section that makes the image refresh every so often but without refreshing the whole page/table your help is greatly appreciated |