Login | Register   
LinkedIn
Google+
Twitter
RSS Feed
Download our iPhone app
TODAY'S HEADLINES  |   ARTICLE ARCHIVE  |   FORUMS  |   TIP BANK
Browse DevX
Sign up for e-mail newsletters from DevX


Tip of the Day
Language: Web Development
Expertise: Beginner
Jun 4, 1997

Stacking frames

Question:
Can you tell me how to stack frames? I am currently using three frames and need to add a fourth. My layout looks like this:
Top
Left    |    Content
I need to stack a frame on top of the left frame.
Top
Left     |    Content
Left2   |     "     "   

Answer:
If you're trying to create a document that looks like this:

         ________
    top |________|
  left1 |  |     |
        |__|     | content
  left2 |__|_____|
You will need to call a separate frameset for the first. The first file calling the frames would be:

<HTML> <HEAD> <meta name="WT.qs_dlk" content="WjGqsQrIZ70AABkQGSwAAAAC"/> <meta name="WT.qs_shmv" content="hv20150423-tillis.sf.quinstreet.net"/> <meta name="inject_params" content="WT.qs_dlk=WjGqsQrIZ70AABkQGSwAAAAC&"/> <meta http-equiv="Set-Cookie" content="inject_params=WT.qs_dlk=WjGqsQrIZ70AABkQGSwAAAAC&; path=/; domain=devx.com;"/> <meta http-equiv="Set-Cookie" content="WMUUID=WjGqsQrIZ70AABkQGSwAAAAC; path=/; domain=devx.com;"/> <TITLE>First Frameset, has three frames</title> <script> window.webtrendsAsyncInit=function(){ var dcs=new Webtrends.dcs().init({ dcsid:"dcsetaek200000gcgxfcx07g4_2p3u", domain:"www.qsstats.com", timezone:-8, i18n:true, onsitedoms:"devx.com", fpcdom:".devx.com", plugins:{ //hm:{src:"//s.webtrends.com/js/webtrends.hm.js"} } }).track(); }; (function(){ var s=document.createElement("script"); s.async=true; s.src="/imageserver/common/v10/webtrends.min.js"; var s2=document.getElementsByTagName("script")[0]; s2.parentNode.insertBefore(s,s2); }()); </script> <noscript><img alt="dcsimg" id="dcsimg" width="1" height="1" src="//www.qsstats.com/dcsetaek200000gcgxfcx07g4_2p3u/njs.gif?dcsuri=/index.php/tips/Tip/23706&amp;WT.js=No&amp;WT.tv=10.4.1&amp;dcssip=www.devx.com&amp;WT.qs_dlk=WjGqsQrIZ70AABkQGSwAAAAC&"/></noscript> </head> <FRAMESET ROWS=&quot;110, *&quot; FRAMEBORDER=&quot;1&quot; FRAMESPACING=0> <FRAME NAME=&quot;top&quot; SRC=&quot;top.html&quot; SCROLLING=&quot;NO&quot;> <FRAMESET COLS=&quot;205, *&quot; FRAMEBORDER=&quot;NO&quot; FRAMESPACING=0> <FRAME NAME=&quot;left&quot; SRC=&quot;frame2.html&quot;> <FRAME NAME=&quot;content&quot; SRC=&quot;content.html&quot; SCROLLING=&quot;AUTO&quot;> </frameset> </frameset> </html>

The second file, frame2.html, called in the left frame would then call two frames:

<HTML> <HEAD> <meta name="WT.qs_dlk" content="WjGqsQrIZ70AABkQGSwAAAAC"/> <meta name="WT.qs_shmv" content="hv20150423-tillis.sf.quinstreet.net"/> <meta name="inject_params" content="WT.qs_dlk=WjGqsQrIZ70AABkQGSwAAAAC&"/> <meta http-equiv="Set-Cookie" content="inject_params=WT.qs_dlk=WjGqsQrIZ70AABkQGSwAAAAC&; path=/; domain=devx.com;"/> <meta http-equiv="Set-Cookie" content="WMUUID=WjGqsQrIZ70AABkQGSwAAAAC; path=/; domain=devx.com;"/> <TITLE>Second Frameset, has two frames</title> <script> window.webtrendsAsyncInit=function(){ var dcs=new Webtrends.dcs().init({ dcsid:"dcsetaek200000gcgxfcx07g4_2p3u", domain:"www.qsstats.com", timezone:-8, i18n:true, onsitedoms:"devx.com", fpcdom:".devx.com", plugins:{ //hm:{src:"//s.webtrends.com/js/webtrends.hm.js"} } }).track(); }; (function(){ var s=document.createElement("script"); s.async=true; s.src="/imageserver/common/v10/webtrends.min.js"; var s2=document.getElementsByTagName("script")[0]; s2.parentNode.insertBefore(s,s2); }()); </script> <noscript><img alt="dcsimg" id="dcsimg" width="1" height="1" src="//www.qsstats.com/dcsetaek200000gcgxfcx07g4_2p3u/njs.gif?dcsuri=/index.php/tips/Tip/23706&amp;WT.js=No&amp;WT.tv=10.4.1&amp;dcssip=www.devx.com&amp;WT.qs_dlk=WjGqsQrIZ70AABkQGSwAAAAC&"/></noscript> </head> <FRAMESET ROWS=*,*> <FRAME NAME=&quot;left1&quot; SRC=&quot;left1.html&quot;> <FRAME NAME=&quot;left2&quot; SRC=&quot;left2.html&quot;> </frameset> </html>
DevX Pro
 
Comment and Contribute

 

 

 

 

 


(Maximum characters: 1200). You have 1200 characters left.

 

 

Sitemap
Thanks for your registration, follow us on our social networks to keep up-to-date