25-11-2006, 06:54 PM
|
#1 (permalink) |
|
co-admin
Join Date: Oct 2006
Location: Belgium
Posts: 666
|
[ SCRIPT ] Open two frames with one click
<!-- TWO STEPS TO INSTALL CHANGE 2 FRAMES (FRAMESET):
1. Copy the frameset code into your HTML document 2. Be sure to give each frame a unique 'name' --> <!-- STEP ONE: Copy this FRAMESET code into your FRAMESET page --> [HTML]<html> <head> <title>Your Site's Title Here</title> </head> <body> <frameset cols="160,*"> <frame src="http://www.yoursite.com/links-page.html"> <frameset rows="50%,50%"> <frame src="http://www.yoursite.com/top-page.html" name="Frame_A"> <frame src="http://www.yoursite.com/bottom-page.html" name="Frame_B"> </frameset> </frameset> </body> </html>[/HTML] <!-- STEP TWO: Give each frame a name! (frame name="left") --> <!-- TWO STEPS TO INSTALL CHANGE 2 FRAMES (LINKS PAGE): 1. Put the first code in the HEAD of your links page 2. Copy the links code into the BODY of your links page --> <!-- STEP ONE: Put this code into the HEAD of your links document --> [HTML] <SCRIPT LANGUAGE="JavaScript"> <!-- Begin function loadFrames(frame1,page1,frame2,page2) { eval("parent."+frame1+".location='"+page1+"'"); eval("parent."+frame2+".location='"+page2+"'"); } // End --> </script> [/HTML] <!-- STEP TWO: Change all the links to the BODY of your links page --> [HTML]Our Links...<br> <br> Click a link below to get started! <br> <br> <a href="javascript:loadFrames('Frame_A', 'page-1.html', 'Frame_B', 'page-2.html')">Load Page 1 & Page 2</a><br> <br> <a href="javascript:loadFrames('Frame_A', 'page-3.html', 'Frame_B', 'page-3.html')">Load Page 3 & Page 4</a><br> <br> <center>Or ....<br> <a href="no-frames-home.html" target="_top">Go to site without frames</a></center>[/HTML] |
|
|
![[ SCRIPT ] Open two frames with one click](iconimages/design-development/script-open-two-frames-one-click_ltr.gif)
Linear Mode
