dcsimg
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

WEBINAR:

On-Demand

Building the Right Environment to Support AI, Machine Learning and Deep Learning


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="XBa4FRTGyY9B@3i2IkF0IAAAAAc"/> <meta name="WT.qs_shmv" content="hv20180802-neon.lv.quinstreet.net"/> <meta name="inject_params" content="WT.qs_dlk=XBa4FRTGyY9B@3i2IkF0IAAAAAc&"/> <script>!function(){if(!window.BOOMR||!window.BOOMR.version){var e,t,n,o=document.createElement("iframe");o.src="javascript:false",o.title="",o.role="presentation",(o.frameElement||o).style.cssText="width:0;height:0;border:0;display:none;",(n=document.getElementsByTagName("script")[0]).parentNode.insertBefore(o,n);try{t=o.contentWindow.document}catch(n){e=document.domain,o.src="javascript:var d=document.open();d.domain='"+e+"';void(0);",t=o.contentWindow.document}t.open()._l=function(){var t=this.createElement("script");e&&(this.domain=e),t.id="boomr-if-as",t.src="/imageserver/common/sg/1.0/sg.min.js",BOOMR_lstart=(new Date).getTime(),this.body.appendChild(t)},t.write('<body onload="document._l();">'),t.close()}}();</script> <script> document.cookie = 'inject_params=WT.qs_dlk=XBa4FRTGyY9B@3i2IkF0IAAAAAc&; path=/; domain=devx.com;'; document.cookie = 'WMUUID=XBa4FRTGyY9B@3i2IkF0IAAAAAc; path=/; domain=devx.com;'; </script> <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=XBa4FRTGyY9B@3i2IkF0IAAAAAc&"/></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="XBa4FRTGyY9B@3i2IkF0IAAAAAc"/> <meta name="WT.qs_shmv" content="hv20180802-neon.lv.quinstreet.net"/> <meta name="inject_params" content="WT.qs_dlk=XBa4FRTGyY9B@3i2IkF0IAAAAAc&"/> <script>!function(){if(!window.BOOMR||!window.BOOMR.version){var e,t,n,o=document.createElement("iframe");o.src="javascript:false",o.title="",o.role="presentation",(o.frameElement||o).style.cssText="width:0;height:0;border:0;display:none;",(n=document.getElementsByTagName("script")[0]).parentNode.insertBefore(o,n);try{t=o.contentWindow.document}catch(n){e=document.domain,o.src="javascript:var d=document.open();d.domain='"+e+"';void(0);",t=o.contentWindow.document}t.open()._l=function(){var t=this.createElement("script");e&&(this.domain=e),t.id="boomr-if-as",t.src="/imageserver/common/sg/1.0/sg.min.js",BOOMR_lstart=(new Date).getTime(),this.body.appendChild(t)},t.write('<body onload="document._l();">'),t.close()}}();</script> <script> document.cookie = 'inject_params=WT.qs_dlk=XBa4FRTGyY9B@3i2IkF0IAAAAAc&; path=/; domain=devx.com;'; document.cookie = 'WMUUID=XBa4FRTGyY9B@3i2IkF0IAAAAAc; path=/; domain=devx.com;'; </script> <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=XBa4FRTGyY9B@3i2IkF0IAAAAAc&"/></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