DHTML Dynomat: Hierarchical Menu Parameters | 4

Hierarchical Menus Version 2 - Parameters
frameset-related

Frameset Parameters
Frame Use (isFrames):
Will the menus be used in frames?
Click the radio buttons or the text labels next to them:
No Yes
Name of Main Frame (mainFrName):
This is the value of the NAME= attribute of the frame in which your menus will appear. It is recommended that this frame be called main. (i.e. <FRAME NAME="main"...>)
Note: This parameter will only be referenced, if isFrames (above) is true.
Navigation Frame Position (navFrLoc):
The navigation frame contains the links that show the menus. This frame can be, of course, in one of four positions: left, top, bottom or right. The images below illustrate these positions. Click on the appropriate image or select from the list.
Note: This parameter will only be referenced, if isFrames (above) is true.
The text area below contains the parameters set in this browser session. You may copy them to your system's clipboard and paste into your HTML editor.
</td><td class="sans" rowspan="2">
in NS4:
<ol><li>Click the <font face="Arial,Verdana,Geneva" size="-1"><b>Select Code</b></font> button.
</li><li>With your cursor over the highlighted selection, use your platform's <font face="Arial,Verdana,Geneva" size="-1"><b>Copy</b></font> command, either through the <font face="Arial,Verdana,Geneva" size="-1"><b>File</b></font> menu on the toolbar or a mouse right-click.
</li><li>Use your system's <font face="Arial,Verdana,Geneva" size="-1"><b>Paste</b></font> command to insert the parameters into your editor.</li></ol>
in IE4:
<ol><li>Click the <font face="Arial,Verdana,Geneva" size="-1"><b>Select Code</b></font> button. The parameter list is copied to the clipboard automatically.
</li><li>Use your system's <font face="Arial,Verdana,Geneva" size="-1"><b>Paste</b></font> command to insert the parameters into your editor.</li></ol></td></tr><tr><td align="CENTER"><input type="BUTTON" value="Select Code" onclick="ta()"/></td></tr></table><p class="sans">The parameter creation is complete. On the final page, we will add the overhead script statements, so it is recommended that you do not copy and paste at this time. The parameters will be carried over. Copy and paste on the next page.</p>
<hr size="1" color="purple"/><p class="sans">To place the parameters in our HTML page, we need <a href="hierTool6.html">a bit of...er...HTML, and a few script statements</a>.</p>
</form>
<br clear="ALL"/><p align="RIGHT"><a href="index.html" onmouseover="navOver('imButBot2','left',true)" onmouseout="navOver('imButBot2','left',false)" onmousedown="navPress('imButBot2','left',true)" onmouseup="navPress('imButBot2','left',false)"><img name="imButBot2" src="../../art/b_left.gif" width="18" height="18" border="0"/></a><a href="hierTool2.html" onmouseover="navOver('imButBot3','left',true)" onmouseout="navOver('imButBot3','left',false)" onmousedown="navPress('imButBot3','left',true)" onmouseup="navPress('imButBot3','left',false)"><img name="imButBot3" src="../../art/b_left.gif" width="18" height="18" border="0"/></a><a href="hierTool3.html" onmouseover="navOver('imButBot9','left',true)" onmouseout="navOver('imButBot9','left',false)" onmousedown="navPress('imButBot9','left',true)" onmouseup="navPress('imButBot9','left',false)"><img name="imButBot9" src="../../art/b_left.gif" width="18" height="18" border="0"/></a><a href="hierTool4.html" onmouseover="navOver('imButBot4','left',true)" onmouseout="navOver('imButBot4','left',false)" onmousedown="navPress('imButBot4','left',true)" onmouseup="navPress('imButBot4','left',false)"><img name="imButBot4" src="../../art/b_left.gif" width="18" height="18" border="0"/></a><img name="imButBot1" src="../../art/b_center.gif" width="18" height="18"/><a href="hierTool6.html" onmouseover="navOver('imButBot5','right',true)" onmouseout="navOver('imButBot5','right',false)" onmousedown="navPress('imButBot5','right',true)" onmouseup="navPress('imButBot5','right',false)"><img name="imButBot5" src="../../art/b_right.gif" width="18" height="18" border="0"/></a></p>

<p align="CENTER">Produced by Peter Belesis and</p>
 
All Rights Reserved. <a href="http://www.internet.com/corporate/legal.html">Legal Notices.</a><br/>
Created: June 17, 1998<br/>
Revised: July 21, 1998
<p align="CENTER"><small>URL: http://www.webreference.com/dhtml/dynomat/hiermenus/hierTool5.html</small></p><br/><script language="JavaScript1.2"><!--
if (isMenu) {
fmMenu=document.fmMenuGen;
tarea = fmMenu.tarea;
if (IE4) {
tarea.style.display = "none";
sarea.style.width = 250;
sarea.style.fontFamily = "Courier,monospace";
sarea.style.fontSize = "10pt";
sarea.style.backgroundColor = "#F7E8E8";
sarea.style.border = "3px blanchedalmond inset";
}
function ta(){
if (NS4){
tarea.onfocus=null;
tarea.focus();
taOLD = tarea.value;
tarea.select();
tarea.onchange = tc;
tarea.onblur = ff;
}
else {
xx=document.body.createTextRange(); 
xx.moveToElementText(sarea);
xx.select();
xx.execCommand("Copy");
}
}
function tc(){this.value=taOLD}
function fb(){this.blur()}
function ff(){
this.onblur = null;
this.onchange = null;
this.onfocus = fb;
}
function setCookie(name,value){
curCookie=name+"="+escape(value);
document.cookie=curCookie;
}
function getCookie(name){
dc=document.cookie;
prefix=name+"=";
begin=dc.indexOf(";"+prefix);
if(begin==-1){
begin=dc.indexOf(prefix);
if(begin!=0)return null;
}else{begin+=2};
end=document.cookie.indexOf(";",begin);
if(end==-1)
end=dc.length;
return unescape(dc.substring(begin+prefix.length,end));
}
function showParams() {
qlb = "\";\n";
lb = ";\n";
paramStr =
"menuWidth = " + menuWidth + lb +
"borWid = " + borWid + lb + 
"borSty = \"" + borSty + qlb + 
"borCol = \"" + borCol + qlb + 
"separator = " + separator + lb +
"separatorCol = \"" + separatorCol + qlb +
"fntFam = \"" + fntFam + qlb +
"fntBold = " + fntBold + lb + 
"fntItal = " + fntItal + lb +
"fntSiz = " + fntSiz + lb + 
"fntCol = \"" + fntCol + qlb + 
 "overFnt = \"" + overFnt + qlb +
 "itemPad = " + itemPad + lb +
 "backCol = \"" + backCol + qlb + 
"overCol = \"" + overCol + qlb + 
"imgSrc = \"" + imgSrc + qlb +
"imgSiz = " + imgSiz + lb +
"\n" +
"childOffset = " + childOffset + lb +
"childOverlap = " + childOverlap + lb +
"perCentOver = " + perCentOver + lb +
"\n" +
"secondsVisible = " + secondsVisible + lb +
"\n" +
"isFrames = " + isFrames + lb +
"navFrLoc = \"" + navFrLoc + qlb +
"mainFrName = \"" + mainFrName + qlb;
if(IE4)sarea.innerText = paramStr;
if(NS4)fmMenu.tarea.value = paramStr;
setCookie('menuParams',paramStr)
}
window.onload = initIt;
function setFram(rad) {
isFrames = eval(rad.value);
rad.checked = true;
showParams();
}
function setLoc(el){
navFrLoc = el[el.selectedIndex].text;
showParams();
}
function setLoc1(wh){
nL.selectedIndex=wh;
setLoc(nL);
}
function setMain(el) {
mainFrName = el.value;
showParams();
}
function reDo(){ window.location.reload() }
function initIt() {
sFrame = fmMenu.isFrames;
isFrames=fmMenu.isFrames[1].checked;
nL = fmMenu.navFrLoc;
navFrLoc = nL[nL.selectedIndex].text;
mainFrName = fmMenu.mainFrName.value;
paramStr = (getCookie("menuParams"));
if (paramStr) eval(paramStr);
showParams()
if (NS4) setTimeout("window.onresize=reDo",100);
imgStr = "<IMG NAME='im' ID='im' SRC=" + imgSrc + " WIDTH=" + imgSiz + " HEIGHT=" + imgSiz +" BORDER=0 VSPACE=2 ALIGN=RIGHT>";
}}
//--></script>                
                </div>
            <div id="right">
<div class="image square quad">
    <!--
AD position = C
OAS eqv. = 336x280
QUAD pos = Bob-FLEX(BOB)POS(TOP)
QUAD path = www.webreference.com
Page type = index
-->
<script language="JavaScript">
zzfocrender("203", "9530", "657017/657013/657012/581231/581034", "9", "300", "250", "", "", "");</script>
<noscript>
<a href="http://o1.qnsr.com/cgi/r?WT.qs_dlk=UZnhGwrIZ2IAAG6iy7gAAAAX;;;n=203;c=657017/657013/657012/581231/581034;s=9530;x=2304;f=4075429414;u=j;z=20130519031242" target="_blank">
<img border="0" width="300" height="250" src="http://o1.qnsr.com/cgi/x?;n=203;c=657017/657013/657012/581231/581034;s=9530;x=2304;f=4075429414;u=j;z=20130519031242" alt="Click here"></a>
</noscript>
</div>
<div id="featured_tech_jobs">

<style type="text/css">

#contentbottomnoinset{ 
width: 358px;
width: expression('360px'); 
padding: 0px; 
text-align: left;
font-size: 11px;
margin-right: 0px;
margin-top: 5px;
margin-bottom: 0px;
border: 1px solid #000000;
}


#contentbottomnoinset h5 { 
width: 335px;
padding-left: 5px; 
padding-top: 5px;
margin-top: 0px;
margin-bottom: 0px;
font-size: 16px;
color: #333;
font-weight: bold;
}

#contentbottomnoinset .tile { 
background: #eae7d4;
/*background: url(http://www.internet.com/img/bkgd_botcontentbkgd_tile.gif);*/
line-height: 12px;
padding: 3px;
}


#img_openings{ 
margin-top: -8px;
padding: 5px;
}

.popinsetlink {
font-weight: bold;
}
</style>
<div id="contentbottomnoinset">
	<!--<div style="width:100%; background:url('http://www.internet.com/_mocks/windows-channel/4guys/jtjbox/jtjtopbg.jpg') repeat-x; height:43px;"> -->
	<div style="width:100%; height:43px;">
    	<h5 class="header"><a href="http://webreference.justtechjobs.com/"><img hspace="0" border="0" align="absbottom" alt="Justtechjobs.com" src="http://images.justtechjobs.com/images/webreference.gif"/></a> <a href="http://webreference.justtechjobs.com/" style="color:#333333; text-decoration:none; font-family:arial,verdana,helvetica;">Featured Tech Jobs</a></h5>
    </div>
	<div class="tile">
		<div class="tileinset">
            <a class="popinsetlink" href=""/><p>
<p><a class=popinsetlink href=http://webreference.justtechjobs.com/CBJSViewJob.asp?ID={FF366111-E695-4E66-B6BF-22AC746345B1}>Information Technology Manager (MN)</a><br>Next Step Systems<br>US-MN-Minneapolis</p><p><a class=popinsetlink href=http://webreference.justtechjobs.com/CBJSViewJob.asp?ID={BFC0711C-E60A-431F-BA12-9932832977B6}>SR UI DEVELOPER - JSF - Ajax - ICE Faces - Rich Faces</a><br>Next Step Systems<br>US-IL-Chicago</p><p><a class=popinsetlink href=http://webreference.justtechjobs.com/CBJSViewJob.asp?ID={0C065150-2C0D-415B-BCA6-810B2C32780C}>Technical Specialist – Pre-sales (MA)</a><br>Next Step Systems<br>US-MA-Littleton</p>


	</div>

		<div id="floatrssicon">
        	<a title="Search all Jobs" href="http://webreference.justtechjobs.com/"> Search all Tech Jobs</a> | <a title="Post Your Resume" href="http://webreference.justtechjobs.com/CBJSEditResume.asp"> Post A Resume</a> | <a title="Post A Job" href="http://www.justtechjobs.com/CBEmpPostJobLogin.asp?CB=webreference.com"> Post A Job</a>
        </div>
		<div id="blankhide"> </div><div id="blankhide"> </div><div id="blankhide"> </div><div id="blankhide"> </div>

        <div id="blankhide"> </div><div id="blankhide"> </div><div id="blankhide"> </div><div id="blankhide"> </div>
	</div>
</div>
<br clear="all" />
</div><div class="image square quad">
    <!--
AD position = M
OAS eqv. = flex
QUAD pos = Bob-FLEX(BOB)POS(MIDDLE)
QUAD path = www.webreference.com
Page type = index
-->
<script language="JavaScript">
zzfocrender("203", "9530", "657021/657013/657012/581231/581034", "9", "300", "250", "", "", "");</script>
<noscript>
<a href="http://o1.qnsr.com/cgi/r?WT.qs_dlk=UZnhGwrIZ2IAAG6iy7gAAAAX;;;n=203;c=657021/657013/657012/581231/581034;s=9530;x=2304;f=8934405865;u=j;z=20130519031242" target="_blank">
<img border="0" width="300" height="250" src="http://o1.qnsr.com/cgi/x?;n=203;c=657021/657013/657012/581231/581034;s=9530;x=2304;f=8934405865;u=j;z=20130519031242" alt="Click here"></a>
</noscript>
</div>
<div id="ssn_widget_container">
    <div id="ssn_widget_header">
        <h5><img border="0" align="absbottom" alt="Justtechjobs.com" src="http://images.justtechjobs.com/images/webreference.gif"/>Find a programming school near you</h5>
    </div>
    <div id="ssn_widget_content">
<form id="SSN" name="populate" action="/school-search-results.html" method="get">
	 
	 <label>Zip Code:</label>
	  <input name="pc" type="text" maxlength="5" value="" style="display:block;float:left;"/>
	 <br/><br/> 
	 <label>Subject:</label>
	  <select name="sub">
		<option value="all">- Select All Subjects -</option>
				<optgroup label="Computers and Technology">
		<option value="compapplications">Computer Applications</option>
		<option value="comeng">Computer Engineering</option>
		<option value="comscience">Computer Science</option>
		<option value="cnp" selected="selected">Computer Prog. - Software Dev.</option>
		<option value="gameprogramming">Computer Game Programming</option>
		<option value="webdesign">Web Design</option>
		<option value="webdevelopment">Web Development</option>
		<option value="internetsystems">Internet Systems</option>
        <option value="internetcertification">Internet Certification</option>
        <option value="databasedesign">Database Design and Development</option>
        <option value="infosystemsmgmt">Information Systems Management</option>
        <option value="itprojectmgmt">Information Technology Project Management</option>
		<option value="networkdesign">Network Design - Development</option>
        <option value="systemsanalyst">Systems Analyst</option>
	  </select>
	  <br/><br/>  
	  <label>Degree:</label>
	  <select name="qual">
	   <option value="all" selected="selected">- Select All Degrees -</option>
		<option value="associate">Associate's</option>
		<option value="bachelor">Bachelor's</option>
		<option value="master">Master's</option>
		<option value="doctoral">Doctoral</option>
		<option value="certificate">Certificates</option>
		<option value="diploma">Diplomas</option>
		<option value="coursework">Coursework</option>
		<option value="mba">MBA</option>
	  </select>
	<br style="clear:both;"/><br/>  
	 <input name="ct" type="radio" value="online" />Online
	  <input name="ct" type="radio" value="campus" />Campus
	  <input name="ct" type="radio" value="either" checked="checked"/>Both
      
	  <br/><br/> 
	  <input type="submit" value="Submit" />	
</form></div>
</div><div id="marketplace">
    <!--<script type="text/javascript" src="http://jlinks.industrybrains.com/jsct?sid=829&ct=INTERNETCOM_DEVELOPER&tr=WEBREFERENCE&num=5&layt=7&fmt=simp"></script> -->
</div></div>

            </div>
        <div class="clear"></div>
        <div id="footer">
        <div id="footer_content">
    <div id="quad_bottom"class="quad">
        <!--
AD position = I
OAS eqv. = 468x60-2
QUAD pos = Leo-FLEX(LEO)POS(BOTTOM)
QUAD path = www.webreference.com
Page type = index
-->
<script language="JavaScript">
zzfocrender("203", "9530", "657019/657013/657012/581231/581034", "14", "728", "90", "", "", "");</script>
<noscript>
<a href="http://o1.qnsr.com/cgi/r?WT.qs_dlk=UZnhGwrIZ2IAAG6iy7gAAAAX;;;n=203;c=657019/657013/657012/581231/581034;s=9530;x=3584;f=8725496851;u=j;z=20130519031242" target="_blank">
<img border="0" width="728" height="90" src="http://o1.qnsr.com/cgi/x?;n=203;c=657019/657013/657012/581231/581034;s=9530;x=3584;f=8725496851;u=j;z=20130519031242" alt="Click here"></a>
</noscript>
    </div>
    <div class="footer_listing">
         
    </div>
    <div class="footer_listing">
        <span class="list-header">WebReference</span>
        <ul>
            <li class="first"><a href="/js/tips">Tip Archive</a></li>
            <li><a href="/about.html">About</a></li>
            <li><a href="/sitemap.html">Sitemap</a></li>
            <li><a href="/contactUs.php">Contact</a></li>
            <li><a href="http://www.justtechjobs.com/">Jobs</a></li>
            <li><a href="http://www.webreference.com/accountManagement?formType=registrationForm ">Subscribe</a></li>
        </ul>

    </div>
    <div class="footer_listing">
        <span class="list-header">Topics</span>
        <ul>
            <li class="first"><a href="/authoring">Web Authoring</a></li>
            <li><a href="/internet">The Internet and the Web</a></li>
            <li><a href="/multimedia">Multimedia</a></li>
            <li><a href="/programming">Web Programming</a></li>
            <li><a href="/promotion">Website Promotion and Marketing</a></li>
            <li><a href="/experts">Contributors</a></li>
        </ul>
    </div>
    <div class="footer_listing">
        <span class="list-header"><a href="http://www.developer.com"><img src="/img/dev.com_logo.png" alt="Developer.com"></a></span>
        <ul>
            <li class="first"><a href="/terms">Terms Of Service</a></li>
            <li><a href="/licensing">Licensing and Permissions</a></li>
            <li><a href="/privacy">Privacy Policy</a></li>
            <li><a href="/mediakit/index.html">Advertising</a></li>
            <li><a href="http://e-newsletters.developer.com/">Newsletters</a></li>
            <!--<li><a href="http://e-newsletters.developer.com/announcement_list.html">E-mail Offers</a></li> -->
        </ul>
    </div>    <div class="footer_listing">
         
    </div>
    <div class="clear"></div>
    <div id="copyright">
        Copyright © 2013 QuinStreet Inc. All Rights Reserved.
    </div>
</div>
        </div>

<!-- Google Analytics -->
<script src="/icom_includes/footers/scripts/ga.js"  type="text/javascript">
</script>
<script  type="text/javascript" >
<!--     hide from no js browsers
delete Array.prototype.itemValidation;
delete Array.prototype.isArray;
var superTracker = _gat._getTracker("UA-2838492-1");
superTracker._initData();
superTracker._trackPageview();

-->
</script>
<script  type="text/javascript" >
   var site_name =  location.hostname;
   if ( site_name.indexOf("www.") != 0 ) {
     site_name  = "www."+site_name ;
   }
   document.write("<SCR" + "IPT LANGUAGE='JavaScript1.2' SRC='/icom_includes/footers/sites/"+ site_name +".js' TYPE='text/javascript'><\/SCR" + "IPT>");
-->
</script>
<script  type="text/javascript" >
<!--     hide from no js browsers
   pageTracker._initData();
   pageTracker._trackPageview();
   // -->
</script>
<!-- End Google Analytics -->

        <!-- START VIBRANT --><!-- start Vibrant Media IntelliTXT script section -->
        <script type="text/javascript" src="http://webreferences.us.intellitxt.com/intellitxt/front.asp?ipid=26016"></script>
        <!-- end Vibrant Media IntelliTXT script section -->
        <!-- END VIBRANT -->

		<!-- CREATE AJAX CONTAINERS -->
		<div id="ajax_alpha"></div>
		<div id="ajax_beta"></div>

        <script language="javascript" src="/scripts/shCore.js"></script>
        <script language="javascript" src="/scripts/shBrushPhp.js"></script>

        <script language="javascript" src="/scripts/shBrushXml.js"></script>
        <script language="javascript" src="/scripts/shBrushJScript.js"></script>
        <script language="javascript">
            dp.SyntaxHighlighter.HighlightAll('code');
        </script>
        <!-- FOR LIKE BUTTON -->
        <script src="http://connect.facebook.net/en_US/all.js#xfbml=1" type="text/javascript"></script>
        <div id="fb-root"></div>
	
    <script language="JavaScript" type="text/javascript">
	var gDomain="www.qsstats.com";
	var gDcsId="dcs17vxkl10000wkxczu5l0wa_9y2e";
	var gFpc="WT_FPC";
	var gConvert=true;
	var gFpcDom = "webreference.com";
	if ((typeof(gConvert) != "undefined") && gConvert && (document.cookie.indexOf(gFpc + "=") == -1) && (document.cookie.indexOf("WTLOPTOUT=")==-1)) {
	    document.write("<SCR"+"IPT TYPE='text/javascript' SRC='http"+(window.location.protocol.indexOf('https:')==0?'s':'')+"://"+gDomain+"/"+gDcsId+"/wtid.js"+"'><\/SCR"+"IPT>");
	}
	function dcsAdditionalParameters() {}
    </script>

    <script type="text/javascript" src="/imageserver/common/webtrends.js"></script>

    <noscript><img alt="" border="0" name="DCSIMG" width="1" height="1" src="http://www.qsstats.com/dcs17vxkl10000wkxczu5l0wa_9y2e/njs.gif?dcsuri=/nojavascript&WT.js=No&WT.tv=8.0.2;WT.qs_dlk=UZnhGwrIZ2IAAG6iy7gAAAAX;" /></noscript>
</body>
</html>
DHTML Dynomat: Hierarchical Menu Parameters | 4

Hierarchical Menus Version 2 - Parametersframeset-related

Hierarchical Menus Version 2 - Parameters
frameset-related
