little frame help please

liunx · Jan 9, 2008

hello i'm having a small problem with one of my pages over all there is 5 frames and all i'm wanting to change of the 5 are 3 of them...it's for a form and there is a cancel button that will take the person back to the original page...but as it is now when the cancel button is pressed and ok'ed to cancel it only changes the frame that the form is in...i'll attach a pic to better show what it is i'm meaning...if you look at the pic what i'm wanting is for the cancel button to change what is in the frames that are outlined in green...the 2 frames that are in the red never change no matter what page the visitor will be viewing...here is the code for what i have on the form page (of course w/o the user/pass info lol) 
 
 
<html> 
 
<head> 
<title></title> 
<base target="content"> 
<script> 
function cancel_it() { 
var okay = confirm('Canceling will return you to our home page.'); 
 
if (okay == true) { 
window.location.href=http://www.htmlforums.com/archive/index.php/"../index2.html"; } 
} 
</script> 
</head> 
 
<body background="../tourney/bluedream.jpg" bgproperties="fixed"> 
 
 
 
 
 
Hello we would like to get to know a little more about you. 
NOTE: None of this information is required so put in as much or little you would 
like to. 
 
<form name="profile" method="post" action="contact.php"> 
<hr color="#FFFF00" width="500" align="center"> 
<div align="center"><div align="center"><center><table border="0" 
cellpadding="0" cellspacing="0" width="75%"> 
<tr> 
<td width="55%" nowrap valign="top">Real Name: 
 <input type="text" name="name" size="17" 
maxlength="16" style="color: #00FF00; background-color: rgb(0,0,255)"> 
Gender: 
<input type="text" name="Gender" size="10" 
style="background-color: rgb(255,0,0); color: #FFFF00"> 
Age: 
<input type="text" name="Age" size="3" 
style="background-color: #0000FF; color: #FFFFFF"> 
Location: 
<input type="text" name="location" size="20" style="background-color: #000080; color: #FFFFFF"> 
</td> 
<td width="45%" valign="top">Hobbies: 
<textarea rows="3" name="hobbies" cols="40" style="background-color: #000000; color: #FF0000"></textarea> 
Why you like hosting: 
<textarea rows="3" name="why_i_like_hosting" cols="40" style="background-color: #C0C0C0; color: #0000FF"></textarea> 
 
</td> 
</tr> 
<tr> 
<td width="55%" valign="top">Games you like on the zone: 
<textarea rows="3" name="games_i_play" cols="40" style="background-color: #D6CE41; color: #8339BF"></textarea> 
Other nics that I maybe found using: 
<textarea rows="3" name="other_nics" cols="40" style="background-color: #FF0000; color: #FFFFFF"></textarea> 
</td> 
<td valign="top" width="45%">Misc. info I would like 
to share 
<textarea name="misc_info" rows="10" cols="40" 
style="background-color: rgb(128,0,128); color: rgb(255,255,255)"></textarea> 
</td> 
</tr> 
</table> 
 
<input type="submit" value="Send"> <input type="reset" value="Start Over"> <input 
type="button" value="Cancel" onClick="javascript:cancel_it();"> </center></div> 
<dd> 
<hr color="#FFFF00" width="500"> 
</dd> 
</div> 
</form> 
 
 
 
<? 
// at the bottom of the page add this 
 
} else { 
header("location: index.php"); 
} 
?> 
</body> 
</html> 
 
 
now the cancel function does work just fine...BUT it dont take over the 3 frames that i'm wanting...take a look at the attached pic to see what i mean to see more in detail what i want 
 
thanks all for the helpstupid pic didn't go with the last post...oh well here it iswhat's going on is that when you call "window." from a frame then it will refer to the frame as the window object... 
 
if you add "top." to the "window." line then it will start from the browser window itself and go from there... 
 
if you add "parent." to the "window." line then it will start from the frame above the frame that your js code is in and go from there... 
 
if you want to change manually only those 3 frames without haveing the other 2 frames loaded, use something like this modification: 
 
if (okay == true) { 
top.leftTopGreenFrame.window.location.href=http://www.htmlforums.com/archive/index.php/"newleftTopGreenpage.html"; 
top.leftBottomGreenFrame.window.location.href=http://www.htmlforums.com/archive/index.php/"newleftBottomGreenpage.html"; 
window.location.href=http://www.htmlforums.com/archive/index.php/"newPageToLoadInThisSameFrame.html"; 
} 
 
or if you just want to change everything in the whole browser window to a new page then use: 
 
top.window.location="whereDoYouWantToGoToday.html";ok so what your saying is..the frame i'm wanting to change (the frame that contains the 3) is called content so i should put content.window.location.href=http://www.htmlforums.com/archive/index.php/"../index2.html?? 
 
------------------------------------------------------------ 
 
the frame named content is the frame that contains the 3 that are marked with the green outline in the pic...and is what i'm wanting to change 
 
------------------------------------------------------------ 
sigh editing again lol...the effect i'm wanting to get is going from what you see in that pic to what you see on this addy <a class="postlink" href="http://disney.zonehosts.com">http://disney.zonehosts.com</a> if they decide to cancel the form...i have it so it will work when it is submitted just not when canceledwell i got it...thanks for the help...i tried content with that being the name of the frame that the 3 frames i wanted to change were sitting in but i had to use parent altho i thought that would change the whole page but it didn't only that one frame (the content frame from the main page)

little frame help please

liunx

Guest