|
HTML - Frames Stop Working In Ie8 After Using Back Button
I am building this intranet for our employees at work. I am not a programmer, nor anykind of web professional, and I'm building this as an amateur. I have very basic knowledge of HTML and a bit of CSS, and that's pretty much it.
Once the thing is ready to be released, it will have to be updated on a regular basis, and by people whose background and function have nothing to do with scripting (in fact, I cannot take care of it myself all the time since I'm leaving for Europe soon). Therefore, I resigned to using MS Word 2007 as the html editor, since it's the only software anyone can usen here to update the files without having to learn how to code (I haven't found any freeware that didn't require prior html knowledge and the company will not pay for a software liscence of any kind). I know MS word is basically the worst thing one can use to build a website, but I couldn't find any better for this scenario. Now I'm encountering a bit of a problem with the website, specifically with frames. The website (which is a frameset) is divided in two sections: a menu on the left (frame_menu), which is static should remain there all the time, and a frame to the right (frame_main) displaying the pages contents. Now, when a user clicks on a link in frame_menu, the content (page A) displays in frame_main, which is what I want. Then if someone clicks on a link in the page A in frame_main that links to another page (page B), it will open gain in frame_main, replacing the page A that was there. So far, this is the behavior I want, and the frame properties were set for this. The problem comes when the back button is used. If you are on page B, and then click the back button, you will come back to page A, in frame_main (so far still good), but any subsequent link the user will click after using the back button, whether it's a link in frame_menu or frame_main, will open in a new window, even though the default for opening links of the frame is set to frame_main as the target! This renders the frameset completely useless, and the whole frameset has to be closed and reloaded to function properly again. I know frames are deprecated. The only alternative I have found was to use CSS to simulate frames. However, from what I have read (and tell me if I am mistaken), it only simulates the fact that you have a "fixed" menu on every page, but the menu is NOT a separate html file, and has to be part of every page on the website. This makes the updating of the menu very tedious, as it has to be changed on every page of the website, were an item to be added to it. This is why I used frames to begin with: no need to update every page to add something to your menu, just update the menu.html file and voila. So I would like to know if you have any workaround for this problem. Any suggestion is appreciated. This was all tested with IE8. It's the only browser provided to the employees, I cannot use another one. This is part of the code (generated by MS Word of course) that contains the frametset <frameset framespacing=0 frameborder=0 border=0 cols="215,1*"> <frame name="frame_menu" src="file:///\\sv050\GROUPS\AGT\AGT-CDS\AGT-CDS-CR\helper\html\menu.htm" scrolling=no> <frame name="frame_main" src="file:///\\sv050\GROUPS\AGT\AGT-CDS\AGT-CDS-CR\helper\html\home.htm"> <noframes> <body lang=EN-US style='tab-interval:36.0pt'> <div class=WordSection1> <p class=MsoNormal style='margin-bottom:10.0pt;line-height:115%'><span style='font-size:11.0pt;line-height:115%'>This page uses frames, but your browser doesn't support them.<o:p></o:p></span></p> </div> </body> </noframes> </frameset> If the entire script of the frameset.html is needed, tell me and I'll post it. Thanks in advance, Guill Similar TutorialsHi, I am creating a site in HTML using Dreamweaver. I use rollover buttons to navigate the site which are normally grey but white when rolled over. I have found that when I press the BACK button the button I had previously clicked is white and not grey. Try it out for yourself: http://www.RandAM.org/RichardAsh/ Once the problematic button is rolled over it works normally. Is there a way to stop this from happening? thanks, R Hi, Is it possible in HTML to have a link that takes you back to the previous page you visited. But here's the catch....i want the back link on my pages to behave exactly as the BACK button in Internet Explorer (hope that makes sense). I have a link on my pages which is this: <font size="2"><a href="javascript: window.history.go(-1)">BACK</a></font> but this works in such a way that if you go to Page1, then Page2, then Page 3, then you click on BACK in page3...that takes you to Page2...if you then click on the BACK link on Page2, it takes you back to Page 3...when in fact I want it to go to Page 1.... Please urgently help. Thanks Hello, I dont know if someone had the same problems, but it seem to me that it is quite common. For a service I would offer my visitors to log in or register... Then after registering or logging in I would like to direct them back to the page where they had been diverted from. And the number of steps and the page are not always the same. Is there a way to "remember" the page name when click on register or login and at the end of the reg/log process go back there? Thanks Attila Hi guys I would like to use "back" button like this: Code: <form> <input type=button value="Back" onCLick="history.back()"> </form> Can I replace this button with my own designed button? How can I do that? Good morning world...I've got a problem. I work for a college updating web sites, and I don't have access to anything in the CSS that they setup before me (my administrators won't let me touch it), and I know very little of jQuery and javascript. To the point though, I want to add a "back to top" button that hovers around the bottom corner of the browser. Can I do it without being able to access the CSS that the college uses as its base? (I guess using HTML and HTML only)? I am looking for a back button but there is a catch. I want to send an email newsletter, the newsletter will link to articles on a website. I want a back button that will return the user to the Outlook email they clicked from. Any suggestions? Thanks Brian I'm currently building a website for my jewelry and I have run into a simple, but aggravating problem. Should I include a back button? A back button would be the same a clicking on home, but are my visitors going to to know that? This is what it would look like with out a back button: http://i91.photobucket.com/albums/k3...backbutton.gif This is what it would look like with the back button: http://i91.photobucket.com/albums/k3...backbutton.gif Hi there, I'm coding a html website with two frames (one top, one bottom). From the homepage, when the user clicks a link, both the top and the frame the link's in change. when my user is on that new page and click the back button in the toolbar, only the top frame (title) changes, but not the bottom one. So, for the 2nd page, I need a way to make the toolbar's back button move the viewer two steps instead of one. Is that possible? thank you, RandomNameHTML Hi I want to be able to turn the image that reads 'back' on the page below into a "back button" that automatically makes the browser go back a page, just like the back button within the browser. How do i do this? http://www.richardjohntaylor.com/bil...hotoerror.html I have an html document (not a webpage) which I'm converting into a .pdf. I've created it before without any issue but now I'm noticing that when I click on the back button (after clicking on an internal link) that it does one of two things... It either a) returns me to the top of the document or b) takes me to some arbitrary spot in the document. Neither one being where I or my clients need to get back to. Anybody experience this or have a fix? Thanks, Hunter Hi all, I have a page which contains two frames, on the left frame i have hyperlinks which when clicked show pages corrseponding to those links in right frame.(basically its a navigational frame). But i have the following problem. of all the links i want to change one link to a button. that is when i click the button a apge corresponding to that must be displayed in right frame. But its not displaying in the right frame rather its dispalying in the left frame itself. <button type="submit" ONCLICK="window.location.href='mypage.html'" target="showframe">ClickMe</button> I have a solution with ajax where I send POST-information via <a href> like this: Code: <form name="myForm" action="GoHere.php" method="POST"> <input type="hidden" name="myVariable" value="thevalueiwanttosubmit"> <a href="GoHere.php" onclick="myForm.submit(); return false;">Click here</a> </form> There's also a paginate system with page numbers at the bottom. When I press an item I go to another page with more details. When I press the Back-button in Mozilla everything works fine, but in Explorer I start from page number 1 instead of the page I originally came from. How do I get Explorer to remember the page number? Do I have to change the javascript somehow? Hi! I have created a simple site that I uploaded on freespacia.com and then used co.cc to give it a shorter name. I have a form on my site, on the first page. When I load the site directly from freespacia the submit button works, but when I access the site on .co.cc, the submit button does not work. What could be the problem? Could someone help me with this? When I click on "Log in" after entering Password (12345) it change only "Main Page 1" to "Main Page 2" , I want to change "Column 1" to "Column 2" at the same time too. What should I do? The following are just sample to take a look. Thanks so much. frames.htm HTML Code: <html> <head> <title>Frames</title> </head> <frameset rows="21%,*"> <frame src="top.htm" name="top.htm"> <frameset cols="10%,*"> <frame src="menu1.htm" name="menuarea"> <frame src="logininter.htm" name="pages"> </frameset> </frameset> </html> top.htm HTML Code: <html> <head> <title>Top Frame</title> </head> <body> <h1 align="center">Top Frame</h1> </body> </html> menu1.htm HTML Code: <html> <head> <title>Menu</title> <body> <h1>Column 1</h1> <table> <tr> <td> <a href="menu2.htm" onClick='parent.pages.location.href="logininter.htm"' target="menuarea">Log in</a></td> </tr> <tr> <td><a href="" >Guest</a></td> </tr> </table> </body> </head> </html> menu2.htm HTML Code: <html> <head> <title>Menu</title> <body> <h1>Column 2</h1> <table> <tr> <td><a href="">Message</a></td> </tr> <tr> <td><a href="" >Timetable</a></td> </tr> <tr> <td><a href="" >Appointment</a></td> </tr> <tr> <td><a href="" >Log out</a></td> </tr> </table> </body> </head> </html> logininter.htm HTML Code: <html>
<head>
<title>Main Page</title>
<script type="text/javascript">
function validatePwd(theform){
if(theform.username.value==""){
alert("Please enter user ID")
theform.username.focus()
return false
}
else if(theform.passwd.value==""){
alert("Please enter a password")
theform.passwd.focus()
return false
}
else if(theform.passwd.value !=12345){
alert("Password incorrect")
theform.passwd.focus()
theform.passwd.select()
return false
}
return true
}
</script>
</head>
<body>
<h1>Main Page 1</h1>
<form onsubmit="return validatePwd(this);" id="loginform" action="homepage.htm">
<fieldset>
<legend>Log in</legend>
<p>Please enter your User ID and Password to access</p>
<label for="username">User ID:<input type="text" name="username" id="username" tabindex="1"></label>
<label for="passwd">Password:<input type="password" name="passwd" id="passwd" tabindex="2"></label>
<label for="submit">
<input type="submit" class="submit" value="Log in"/></label>
<label for="reset">
<input type="reset" class="reset" value="Reset" /></label>
</fieldset>
</form>
</body>
</html>
hompage.htm HTML Code: <html> <head> <title>Home Page</title> </head> <body> <h1>Main Page 2</h1> <div> <p>* Option 1</p> <p>* To Option 2</p> <p>* To Option 3</p> </div> </body> </html> A CHROME issue: Im sure its just a minor thing, I just cant locate it. Would appreciate some extra pair of eyes. This page, and only this page right here (note: other pages do work correctly) loads cufon in a flash, and then just makes it disappear.. How come? Why does the following not work on firefox or IE, yet it works on safari... Could someone please help me, I cant even get any frames to display :S <html> <head> <title>History of the Internet, WWW and W3C.</title> <META name="description" content="The history of the , internet and W3C."> <META name="keywords" content="WWW, internet, W3C, WWW history, internet history, W3C history"> </head> <body> <frameset border="4" bordercolor="#000000" rows="50%,50%"> <frameset cols="20%,60%,20%"> <framesrc="backdrop.html" name="l_backdrop" noresize scrolling="no"> <frameset rows="25%,10%,65%"> <frame src="header.html" name="header" noresize scrolling="no"> <frame src="menu.html" name="menu" noresize scrolling="no"> <frame src="main.html" name="mainwindow" noresize scrolling="yes"> </frameset> <framesrc="backdrop.html" name="r_backdrop" noresize scrolling="no"> </frameset> </frameset> </body> </html> Hi, Not used frames before - done a bit of html but never had need previously to touch them. Just don't understand why this isn't working - 1x frameset (2 columns), 2x html for left and right, and a third html linked from the left frame that i'd like to load in the right. It doesn't - it loads in a new window. Any ideas? Many thanks But it is working in Firefox, any clue why? Here are the two codes I am trying to link: Code: <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Three Sons Auto Body</title> <script type="text/javascript" src="finalproject.js"></script> <link href="finalproject.css" rel="stylesheet" type="text/css" /> </head> <frameset rows="250,*" border="0"> <frame src="frame1.html" scrolling="no" noresize="noresize" name="memu" /> <frame src="home.html" scrolling="yes" noresize="noresize" name="frame" /> </frameset> </html> and Code: <?xml version="1.0" encoding="UTF-8"?>
<!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>
<title>Three Sons Auto Body</title>
<script type="text/javascript" src="javascript.js"></script>
<script type="text/javascript" src="finalproject.js"></script>
<link href="finalproject.css" rel="stylesheet" type="text/css"/>
<base target="browser"/>
</head>
<!-- Your HTML tags and content should appear below this line. -->
<body>
<img class="banner" src="images/banner.gif" alt="banner"/><br/>
<ul id="mainMenu">
<li><a href="#" onmouseover="menuOpen('menu1')" onmouseout="menuCloseTime()">Home</a>
<div id="menu1" onmouseover="menuCancelCloseTime()" onmouseout="menuCloseTime()">
<a href="home.html" target="frame">Home</a>
</div>
</li>
<li><a href="#" onmouseover="menuOpen('menu2')" onmouseout="menuCloseTime()">About Us</a>
<div id="menu2" onmouseover="menuCancelCloseTime()" onmouseout="menuCloseTime()">
<a href="aboutus.html" target="frame">About Us</a>
</div>
</li>
<li><a href="#" onmouseover="menuOpen('menu3')" onmouseout="menuCloseTime()">People</a>
<div id="menu3" onmouseover="menuCancelCloseTime()" onmouseout="menuCloseTime()">
<a href="people.html" target="frame">Hierarchy of People</a>
</div>
</li>
<li><a href="#" onmouseover="menuOpen('menu4')" onmouseout="menuCloseTime()">Accident Report</a>
<div id="menu4" onmouseover="menuCancelCloseTime()" onmouseout="menuCloseTime()">
<a href="accidentform.html" target="frame">Accident Report Form</a>
</div>
</li>
<li><a href="#" onmouseover="menuOpen('menu5')" onmouseout="menuCloseTime()">Sales Letter</a>
<div id="menu5" onmouseover="menuCancelCloseTime()" onmouseout="menuCloseTime()">
<a href="salesletter.html" target="frame">Sales Letter</a>
</div>
</li>
<li><a href="#" onmouseover="menuOpen('menu6')" onmouseout="menuCloseTime()">Contact Us</a>
<div id="menu6" onmouseover="menuCancelCloseTime()" onmouseout="menuCloseTime()">
<a href="contactus.html" target="frame">Contact Us</a>
</div>
</li>
<li><a href="#" onmouseover="menuOpen('menu7')" onmouseout="menuCloseTime()">WIN TICKETS!</a>
<div id="menu7" onmouseover="menuCancelCloseTime()" onmouseout="menuCloseTime()">
<a href="finalslot.html" target="frame">Slot Machine</a>
</div>
</li>
<li><a href="#" onmouseover="menuOpen('menu8')" onmouseout="menuCloseTime()">Accessories for Sale</a>
<div id="menu8" onmouseover="menuCancelCloseTime()" onmouseout="menuCloseTime()">
<a href="finalsales.html" target="frame">Car Accessories for Sale!</a>
</div>
</li>
<li><a href="#" onmouseover="menuOpen('menu9')" onmouseout="menuCloseTime()">Splash Page</a>
<div id="menu9" onmouseover="menuCancelCloseTime()" onmouseout="menuCloseTime()">
<a href="finalproject.html" target="_top">Back to Splash Page</a>
</div>
</li>
</ul>
<div style="clear:both"></div>
</body>
</html>
pls click on my website (only 80% finished) he http://www.welcometotherash.com the main body is a frame-based environment (except the index page u see first) but i want to force frames so it works properly. if you click on the 'road rash cd' link it brings up the frame page (force frames) but the wrong page is in there - if you use the sidebar and hit 'road rash cd' - thats the page that should be force framed what am i doing wrong? any advice would be gratefully appreciated, thx |
|||||||