U? JavaScript and Frames together

JavaScrip?d Frames. Frames and Javipt. Sounds like a mess doesn't it? Well, it doe?ke thing?bit more com?ated. Le??if we can figure out how to get ?e frames to ? with ou???/fon??

The firs?ing ?? wan? kno? "Ho? the land of JavaScript do I access java??bles and other thing? one frame f?another frame? The answe? to ?a trick like thi?/fon??

?nt.framename.attributes_to_change

<?ign="lef?font color="#FFFFFF"> Re?ing f?name with the name you gave ?frame in you?ameset, ie:

<FRAME s?jex14.ph?ame="right_f?"> In this case, yo??acce?omething in ? frame with:

<?ign="lef?font color="#FFFFFF"> pa?.right_f?.att???hange

Let's sta??anging the value of a te?ox in a frame on the right f?a frame on the left ?. Fi? set up a li? framese?his ? req? 3 separate htmles. Your framese?nd the h?for ? 2 f??et's begin with ?frameset:

<? <HTML> <HEAD> <TITLE>Frames Values&l?ITLE> &l?EAD> <FRAMESET cols="80%"> &l?AME SRC="jex13.php" name="left_f?"> <FRAME SRC="je?? name="right_frame"> </FRAMESET> </HTML> The t?ages I will ?inside the f??are "jex13.php" and "jex14.php". The lef?de (jex13.ph?ill have thi?ml code:

<?ign="lef?

&l?ML> <HEAD> &l?TLE>JavaScri??le 13</TITLE> </HEAD> <BODY> &l?RM> <INPUT ty?butt?e="What is cool?" onClick="paren?ght_frame.document.form1.tex?alue='Me!'"> </FORM> </BODY> </HTML> This is ?e we use our new command? the onClick=" " command:

onClick="?nt.right_frame.document.form1.te??e='Me!'"

<?ign="lef?font color="#FFFFFF"> As you can see, we access ???ame ? the "pa?.right_f?." and then ?hat ?ant ?hange on?he end. Since we wan? change ??g in? the doc??ject, we have to use "pa?.right_f?.doc?? If ?leave ou?e "document" the bro? default? using the "?ow" object, ?h we will use la?on. But for now, we ? the "document" object. Now, to acce?he form, we ? on ? of ?form, "paren?ght_frame.document.form1.". Then, we access ??box by adding the name of the te?????nt.right_frame.document.form1.te?". Finally, ?an acces?e value attribute of the tex? by ?ing ?e at the end, and as?ing it a val?ith ?eqaul sign:

"pa?.right_f?.doc????1.value='Me!'" So, ?ow have a bu? tha?ll change a ?box in the right_frame. The html code fo?e right frame (jex14.php) is sim?a fo?ith an empty tex?font>

<? <HTML> <HEAD> <TITLE>JavaScript Exam?14&l?ITLE> &l?EAD> <BODY> <FORM name="fo?> &l?PUT ?="te?name="te? size="25" value=""> </FORM> </BODY> </HTML>

<?ign="lef?font color="#FFFFFF"> No?ou can see an exaple of our....well...ma? frames ??

Well, if yo?ked ? trick, let'?e an even be? one. Le?move on ?Changing 2 Frames a?ce with JavaScri?a>.