Solved

refresh frame in html

Posted on 2010-11-15
2
714 Views
Last Modified: 2012-05-10
Dear Expert,

I have one simple question  that is  I have two frame, one frame is with inputbox
and second frame is my redirect URL webpage and I set its default URL like www.yahoo.com
and  second frame will redirect to my targe URL after I input correct value or address name in the inputbox
The question is after I redirect to my tagerat second frame URL like www.experts-exhange.com successfully
but I can NOT go back to my default page,www.yahoo.com when clicking refresh button right next to IE window address bar  OR even I click adress bar and enter again, and the second frame webpage is still stay on www.expert-exchange.com. Why ?
As I know, when click the refresh button, it will go back to www.mywebiste.com/index.html 
since URL in address bar at IE is still http://www.mywebsite.com and no change at all
and second frame in my index.html  will should go back to its default URL, www.yahoo.com


Is it related to refresh,reload , onload issue ? Please advise and attach simple index.html code


**********www.mywebiste.com/index.html
<html>
<frameset rows="135,*" cols="*">
<frame id="inputFrame" name="inputFrame" frameborder="no" scrolling="NO" src="/inputboxframe.html">
<frame name="secondFrame"   marginwidth=0 marginheight=0  src="http://www.yahoo.com"  frameborder="no"  >
</frameset>
</html> 

******Inputboxframe.Html
<html>
<script type="text/javascript">
function checkEnter(e, el,fn) {
    var key=e.keyCode || e.which;
    if (key==13){
       fn();
el.value='';
return false;
    }
    return true;
}
function formSubmit() {
var my_val = document.getElementById('text1').value;
parent.secondFrame.document.location.href="http://www."+ my_val + ".com ";}
<script type="text/javascript">
<body>
<input   id="text1" value='' onclick="this.value=''; this.className='highlighted'" 
 onblur="if(this.value=='')this.value=this.defaultValue; this.className=''"
onkeydown="return checkEnter(event, this,formSubmit);"  >
<input type="button"  value="submit" onclick="formSubmit();" />
</body>
</html>

Open in new window

0
Comment
Question by:duncanb7
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 20

Accepted Solution

by:
Proculopsis earned 250 total points
ID: 34135699

In you input frame have an onload event that will force secondFrame to load your initial web site.

Something like:

<body onload="doThis">

function doThis()
{
  parent.secondFrame.document.location.replace( "http://w3c.org" );
}

Open in new window

0
 
LVL 13

Author Closing Comment

by:duncanb7
ID: 34136866


I change to onload="dothis"
to noload="dothis();"
it works finally

Thanks for your help
Duncan
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

733 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question