Changing 2 Frames at Once
- Posted at 2009/07/11 12:28
- Filed under 학습/웹언어
Use javascript to change 2 frames at the same time
Browser Compatibility: NS2.02+, IE4+
You want to change more than one frame at a time? OK, well here is how to do make the trick work for you!
The first thing you will need is a frameset to get you started. Again, I will use a frameset with two frames. Here is the code for the frameset page:
<HTML>
<HEAD>
<TITLE>Frames Example 5</TITLE>
</HEAD>
<FRAMESET cols=“20%,80%”>
<FRAME SRC=”http://uthline.net/xe/page1.htm“ name=“left_frame”>
<FRAME SRC=”http://uthline.net/xe/page2.htm“ name=“right_frame”>
</FRAMESET>
</HTML>
Be sure you give each frame a name using the name=” “ attribute. I named the frames above “left_frame” and “right_frame”.
Now, create html files for each frame you will need to use. Since I have two frames, and want to change both frames at once, I need 4 html files. I called mine “page1.htm”, “page2.htm”, “page3.htm”, and “page4.htm”.
Now, since I am using the left frame for my navigation, that is where I am going to put the link to change the two frames. The html page for the right frame does not need to be modified at all, unless you just want to….
Edit the Left Frame HTMLNow, to make this work, we need to edit the html page that makes the left frame. In this case, the left frame is “page1.htm”. So this is the file we need to work on. Here is what we need to have in the html code to get the link to change multiple frames:
<HTML>
<HEAD>
<TITLE>FRAME 10</TITLE>
<SCRIPT language=“JavaScript”>
<!—hide
function change2()
{
parent.left_frame.location=“page3.htm”;
parent.right_frame.location=“page4.htm”;
}
//—>
</SCRIPT>
</HEAD>
<BODY bgcolor=”#FFFFFF” text=”#000000”>
<CENTER>
Click the link below to change both frames.
<BR>
<A HREF=”http://uthline.net/xe/javascript:change2(“>Change 2 Frames</A>
</CENTER>
</BODY>
</HTML>
The JavaScript FunctionDon’t worry, it isn’t as bad as it seems. The important lines are:
parent.left_frame.location=“page3.htm”;
parent.right_frame.location=“page4.htm”;
That is where you tell the browser what html pages you want to change both frames to, and where you use the frame names we gave our frames earlier. In general, it would look like this:
parent.your_frame_name.location=“url”;
parent.your_other_frame_name.location=“url”;
Replace your_frame_name with the name of your frame from earlier. Replace url with the web address of the page you want to change to. Mine was named “left_frame”, and I wanted to change the page to “page3.htm”, so I got the line:
parent.left_frame.location=“page3.htm”;
Do the same for the second frame. My other frame was named “right_frame” and I wanted to change to “page4.htm”:
parent.right_frame.location=“page4.htm”;
That’s the only part of the script you really have to edit. If you used the same names and pages I did, you didn’t need to edit at all. As far as the url goes, you can also use a full url if the page you want to link to is not in your directory. You could have something like this:
parent.left_frame.location=”http://www.someplace.com/somepage.htm“;
What’s With the Link Tag?<A HREF=”http://uthline.net/xe/javascript:change2(“>Change 2 Frames</A>
You probably also noticed that the link tag does not link to a normal url. This is because it is calling our javascript function, which is what we are using to change the urls. This is why we can change two at the same time. If you want more information on how the javascript link works, see the JavaScript Link Tutorial..
Give it a TryTo see the code in action, click the link below for a sample page:
Example Page
In the example, you probably saw that I had a link to change the frames back again. If you want to add a link like that, you will need to edit the second left frame’s html code. In my example, it would be “page3.htm” that you would need to edit. You can add the same script and code, but change the urls in the javascrpt function to lead back to your first two frames. I wanted to go back to “page1.htm” and “page2.htm”. My example code for the url change looked like this:
parent.left_frame.location=“page1.htm”;
parent.right_frame.location=“page2.htm”;
Now, give it a try yourself. If you are using frames, this may be a handy trick for you sometime.
Let’s go on to: JavaScript and Forms.
자료 출처 : PageResource(http://www.pageresource.com/jscript/jframe2.htm)
Posted by uthline
- Tag
- 2page, click, frame, java, javascript
- Response
- No Trackback , 9 Comments
Trackback URL : http://uthline.net/blog/trackback/12
Comments List
-
Discount NFL Jerseys
2011/09/10 11:42
#
M/D
Reply
Permalink
here is the market! we <a href="http://www.shopnfl2011.us/">Wholesale Jerseys</a> ???mlb jereys?<a href="http://www.shopnfl2011.us/">Wholesale NFL Jerseys</a>.all jerseys are brand new jersey with the tag? embroidered and sewn on! items will dallas cowboys within 24 oakland raiders jersey hours after your payment cleared.buy comes from us! all of our <a href="http://www.shopnfl2011.us/">Discount NFL Jerseys</a> are fast delivery within one week. we provide you the best after sales service and if you still have some questions? please just feel freely jersey to contact us. we also accept wholesale ! super bowl 2011 jerseys is hot on sale now! buy now!
<a href="http://www.shopnfl2011.us/">Discount NFL Jerseys</a>
Thank you support -
Louis Vuitton Outlet
2011/10/25 10:15
#
M/D
Reply
Permalink
<p>Our <b><a href="http://www.louisvuittonbagshot.com/" title="louis vuitton Outlet">louis vuitton Outlet</a></b> that on sale all kinds of excellent bags. We all believe that all ladies would show great love to the cheap<b> <a href="http://www.louisvuittonbagshot.com/" title="louis vuitton handbags">louis vuitton handbags</a></b>, which also come along with top quality as well as the unique styles that appeal quite a lot of people. Come here and get the 2011 winter season of <b><a href="http://www.louisvuittonbagshot.com/" title="louis vuitton bags">louis vuitton bags</a></b>, which are practical design which in order to meet the market demand. </p>
-
supra TK
2011/10/27 00:22
#
M/D
Reply
Permalink
supra skytop http://www.cheapsupravip.com/supra-skyt ··· 207.html
cheap supra shoes http://www.cheapsupravip.com
supra shop http://www.cheapsupravip.com
supra cuttler http://www.cheapsupravip.com/supra-cutt ··· 206.html
supra TK society http://www.cheapsupravip.com/women-tk-s ··· 200.html -
Louis Vuitton Outlet
2011/11/09 16:52
#
M/D
Reply
Permalink
Chanel Outlet store that provide all kinds of excellent new design for 2011 winter season. And in our online outlet you can get the cheap chanel handbags http://www.chanelhandbagshot.com/ which definitely are high quality designed as well as the styles that can attract various consumers. Just feel free to shipping in our store for the chanel bags.
Chanel handbagsthat have been on sale in the market as a designer bags for a long time. And continue the chanel outlet http://www.chanelbags-mall.com/ that provide the more and more fashion as well as stylish design of these chanel bags line for you to choose from. It is a fact that more women nowadays would like to choose these fashion and elegant products to show one’s high status, so if you also want one, then our chanel onlinewould be a great place for you.
Based on a research that show quite a lot of women that own the chanel handbagsin hand. Due to the bags that are top quality designed as well as the fashion design in styles in order to appeal all of these ladies, so always you can find these chanel bags http://www.chanelhandbagsshop.net/ that are on sale at high price in thechanel online. However in our reputed chanel outlet that can provide you the discount price for these authentic bags.
Most of women that wish to own the luxury gucci handbags, because such bags that are attended to the parties and other important occasions. The elegant and unique design that you can find in the gucci bags. http://www.guccibags-malls.com/ What’s more, the bags that are top quality designed in so that the bags that appear to be b enough. All these gucci outlet that on sale such elegant, outfits and excellent bags for both women and also some versions that are designed for young ladies. Here our great gucci online that also can provide you discount price.
It is true for you to get the designer and fashion gucci handbags, right, however always you can find these bags that are sold at extreme high price in these gucci outlet. http://www.guccihandbagshot.com/ Due to the top quality that applied in as well as the fashion styles that are designed in. so for these women who get low salary. They would turn to the gucci online to get the authentic and excellent gucci bags at discount price.
For so many lovers, they own a closet of designer handbags, including the Gucci handbags. http://www.guccistoresonline.com/ Definitely due to its high reputation of the top quality and excellent styles that are designed in. we are a great gucci outlet online for you, which has been on sale the designer bags for many years and earn high reputation among the market. Just come here and get yourself on Gucci Bags.
Here we would advice to the classic louis vuitton handbags on sale in our online store. As well as these wallets that all are top designed for you to choose from in these louis vuitton outlet. http://www.louisvuittonhandbags-mall.com/ The new series that also now on sale in the market which come along with classic design for inspiration, with the select calfskin that embossed all make the louis vuitton bags extreme excellent. So just search on line for these louis vuitton online you can get the discount price.
All these louis vuitton handbagsthat are designed based on the market demand. For so many years, the louis vuitton outlet store that provide us so many excellent series quietly. You can find all the louis vuitton bags http://www.louisvuittonbagshot.com/ that are fresh, soft and elegant appearance. For these women that also can get such excellent bags at our discount louis vuitton online.
Nowadays, so many people that are eager to get the brand bags on their own, so the louis vuitton handbags which are a necessary for them. The elegant design in appearance and unique materials that applied in these louis vuitton bags, which make the bags are a best consideration when purchasing. So women that all like to go to these louis vuitton outletto get the luxury bags for self. And our reputed louis vuitton online store http://www.louisvuittonusahandbags.com/ that can supply you the bags at discount price.
For all of these fashion women, that a wide option is to choose a louis vuitton handbags in hand. Such brand that always provide us something new and fashion ones. Here the louis vuitton store http://www.louisvuittonoutletmarts.com/ that now on sale the new versions for all of you. So if you would like to get the discount louis vuitton outlet, then just come to our reputed louis vuitton onlineto choose from.
In the parties, for these ladies who wear theherve leger dressdefinitely appear to be quite attracting. Various versions that for different people and for different occasions. Among them the bandage dress http://www.hervelegerdresssales.net/ that seems to be much more common wear then other ones. Stylish design and the elegant appearance that all add the reputation to the dress. What’s more, many herve leger saleonline now on sale all kinds of the dress in all seasons.
moncler coats as a famous clothes brand, that on sale all kinds of excellent and high quality designed clothes both for men and women. Moncler jackets http://www.moncleroutletmarts.com/ that seems to be a hot sale in the market recently. You can find quite a lot of women and men that all wear such jackets in the street. Come here and choosing the moncler outletto warm yourself in this winter and make you different.
Moncler that on sale various kinds of clothes, such as the jackets and overcoats. All the clothes that are top quality designed as well as the excellent styles that are designed in order to make the moncler outlet http://www.moncleroutletmalls.com/ clothes elegant. It is autumn now, so come here and get the moncler jackets for yourself. -
Monster Beats Dr Dre
2011/11/22 17:35
#
M/D
Reply
Permalink
http://www.rockheadphone.com/monster-beats-by-dre-kobe-bryant-limited-edition-studio-headphon-p-55.html Monster Beats Dr Dre Kobe Bryant Studio Limited Edition Headphone
http://www.rockheadphone.com/monster-be ··· -50.html Monster Beats Dr Dre Graphote Solo HD Headphone
http://www.rockheadphone.com/monster-tu ··· -28.html Monster Beats Dr Dre Turbine Pro Gold In-ear Headphone
http://www.rockheadphone.com/monster-be ··· -57.html Monster Beats Dr Dre Studio Diamond Headphone
http://www.rockheadphone.com/monster-po ··· -43.html -
true religion jeans
2011/12/14 16:09
#
M/D
Reply
Permalink
<a href="http://www.truereligionmenjean.com">True Religion</a>
<a href="http://www.truereligionmenjean.com">True Religion Mens Jeans</a>
<a href="http://www.truereligionmenjean.com">True Religion Women Jeans</a>
<a href="http://www.truereligionmenjean.com">True Religion Jeans Online Store</a>
<a href="http://www.truereligionmenjean.com">True religion Brand Jeans</a>
<a href="http://www.truereligionmenjean.com">True Religion Outlet</a>
<a href="http://www.truereligionmenjean.com">True Religion Jeans Outlet</a>
<a href="http://www.truereligionmenjean.com">True Religion Sale</a>
<a href="http://www.truereligionmenjean.com/diesel-jeans-zathan-8y7-bootcut-for-men-p-882.html">Diesel Jeans Zathan 8Y7 Bootcut For Men</a>
<a href="http://www.truereligionmenjean.com/diesel-jeans-darron-8b9-straight-for-men-p-883.html">TDiesel Jeans Darron 8B9 Straight For Men</a>
<a href="http://www.truereligionmenjean.com/gucci-belts-c-73.html">Gucci Belts</a>
<a href="http://www.truereligionmenjean.com/gucci-belt-square-horsebit-buckle-243445-in-dark-brown-p-885.html">Gucci Belt Square Horsebit Buckle 243445 in Dark Browns</a>
<a href="http://www.truereligionmenjean.com/gucci-belt-with-engraved-gucci-logo-plaque-buckle-245864-in-brown-p-886.html">Gucci Belt with Engraved Gucci Logo Plaque Buckle 245864 in Browns</a>
<a href="http://www.truereligionmenjean.com/gucci-belt-with-horsebit-ring-buckle-232852-in-brown-p-887.html">Gucci Belt with Horsebit Ring Buckle 232852 in Brown</a>
<a href="http://www.truereligionmenjean.com/gucci-belt-with-horsebit-ring-buckle-232852-in-brown-p-887.html">Gucci Belt with Horsebit Ring Buckle 232852 in Brown</a>
<a href="http://www.truereligionmenjean.com/gucci-belt-with-interlocking-g-rectangular-buckle-232834-in-black-p-888.html">Gucci Belt with Interlocking G Rectangular Buckle 232834 in Black</a>
<a href="http://www.truereligionmenjean.com/gucci-belt-with-rectangular-buckle-142946-in-black-p-889.html">Gucci Belt with Rectangular Buckle 142946 in Black</a>
<a href="http://www.truereligionmenjean.com/true-religion-mens-bobby-natural-super-t-jean-rusty-barrel-medium-p-914.html">True Religion Men's Bobby Natural Super T Jean Rusty Barrel Medium</a>
<a href="http://www.truereligionmenjean.com/true-religion-mens-bobby-meca-yellow-super-t-jean-dodge-city-p-915.html">True Religion Men's Bobby Meca Yellow Super T Jean Dodge City</a>
<a href="http://www.truereligionmenjean.com/true-religion-mens-bobby-lightweight-jean-silverwood-p-916.html">True Religion Men's Bobby Lightweight Jean- Silverwood</a>
<a href="http://www.truereligionmenjean.com/true-religion-mens-blake-phantom-jean-oregon-trail-p-917.html">True Religion Men's Blake Phantom Jean Oregon Trail</a>
<a href="http://www.truereligionmenjean.com/true-religion-mens-blake-phantom-jean-inglorious-p-918.html">True Religion Men's Blake Phantom Jean Inglorious</a>
<a href="http://www.truereligionmenjean.com/true-religion-mens-billy-big-qt-jean-industrial-p-919.html">True Religion Men's Billy Big QT Jean Industrial</a>
<a href="http://www.truereligionmenjean.com/true-religion-mens-billy-natural-super-t-jean-p-893.html">True Religion Men's Billy Natural Super T Jean</a>
<a href="http://www.truereligionmenjean.com/true-religion-mens-billy-super-t-body-rinse-p-894.html">True Religion Men's Billy Super T Body Rinse</a>
<a href="http://www.truereligionmenjean.com/true-religion-mens-billy-jean-rancher-p-895.html">True Religion Men's Billy Jean Rancher</a>
<a href="http://www.truereligionmenjean.com/true-religion-mens-billy-old-multi-big-t-nashville-p-896.html">True Religion Mens Billy Old Multi Big T Nashville</a>
<a href="http://www.truereligionmenjean.com/true-religion-mens-billy-old-multi-big-t-nashville-p-896.html">True Religion Mens Billy Old Multi Big T Nashville</a>
<a href="http://www.truereligionmenjean.com/true-religion-mens-billy-super-t-boot-cut-jean-nashville-p-905.html">True Religion Men's Billy Super T Boot Cut Jean Nashville</a>
<a href="http://www.truereligionmenjean.com/true-religion-mens-billy-super-t-yukon-p-906.html">True Religion Men's Billy Super T Yukon</a>
<a href="http://www.truereligionmenjean.com/true-religion-mens-billy-titan-broken-trail-p-907.html">True Religion Men's Billy Titan Broken Trail</a>
<a href="http://www.truereligionmenjean.com/true-religion-mens-billy-boot-cut-jean-rough-river-p-908.html">True Religion Men's Billy Boot Cut Jean Rough River</a>
<a href="http://www.truereligionmenjean.com/true-religion-mens-billy-boot-cut-jean-santa-ana-p-909.html">True Religion Men's Billy Boot Cut Jean Santa Ana</a>
<a href="http://www.truereligionformen.com/true-religion-mens-antonio-premium-vintage-jean-sawbuck-p-119.html">TTrue Religion Men's Antonio Premium Vintage Jean Sawbuck</a>
<a href="http://www.truereligionformen.com/true-religion-mens-vince-brown-multi-super-t-jean-dodge-city-p-121.html">True Religion Men's Vince Brown Multi Super T Jean Dodge City</a>
<a href="http://www.truereligionformen.com/true-religion-mens-vince-basic-jean-nashville-p-122.html">True Religion Men's Vince Basic Jean Nashville</a>
<a href="http://www.truereligionformen.com/true-religion-mens-ricky-studded-logo-jean-inglorious-p-123.html">True Religion Men's Ricky Studded Logo Jean Inglorious<a>
<a href="http://www.truereligionformen.com/true-religion-mens-ricky-studded-logo-jean-dodge-city-p-124.html">True Religion Men's Ricky Studded Logo Jean Dodge City</a>
<a href="http://www.truereligionformen.com/true-religion-mens-zach-stretch-black-overdye-jean-inglorious-p-125.html">True Religion Men's Zach Stretch Black Overdye Jean Inglorious</a>
<a href="http://www.truereligionformen.com/true-religion-mens-rocco-pigment-printed-indigo-black-rider-p-126.html">True Religion Men's Rocco Pigment Printed Indigo Black Rider</a>
<a href="http://www.truereligionformen.com/true-religion-mens-matt-phantom-jean-raw-p-127.html">True Religion Men's Matt Phantom Jean Raw</a>
<a href="http://www.truereligionformen.com/true-religion-mens-jack-premium-vintage-torque-jean-kansas-p-128.html">True Religion Men's Jack Premium Vintage Torque Jean Kansas</a>
<a href="http://www.truereligionformen.com/true-religion-mens-geno-premium-vintage-torque-jean-raw-p-129.html">True Religion Men's Geno Premium Vintage Torque Jean Raw</a>
<a href="http://www.truereligionformen.com/true-religion-womens-bootcut-jeans-c-12.html">True Religion Womens Bootcut Jeans</a>
<a href="http://www.truereligionformen.com/true-religion-womens-flare-jeans-c-13.html">True Religion Womens Flare Jeans</a> -
www.cheapuggsok.net
2011/12/29 16:50
#
M/D
Reply
Permalink
나는 변화를 언급한 그래픽 소설을보고 싶어요!
