Block Navigator

<XMP><body> <script type="text/javascript"> //OwnerIQ var __oiq_pct = 50; if( __oiq_pct>=100 || Math.floor(Math.random()*100/(100-__oiq_pct)) > 0 ) { var _oiqq = _oiqq || []; _oiqq.push(['oiq_addPageBrand','Lycos']); _oiqq.push(['oiq_addPageCat','Internet > Websites']); _oiqq.push(['oiq_addPageLifecycle','Intend']); _oiqq.push(['oiq_doTag']); (function() { var oiq = document.createElement('script'); oiq.type = 'text/javascript'; oiq.async = true; oiq.src = document.location.protocol + '//px.owneriq.net/stas/s/lycosn.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(oiq, s); })(); } /////// Google Analytics var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-21402695-21']); _gaq.push(['_setDomainName', 'angelfire.com']); _gaq.push(['_setCustomVar', 1, 'member_name', 'commandstation', 3]); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); ////// Lycos Initialization ///////////////////// var lycos_ad = Array(); var lycos_search_query = ""; var lycos_onload_timer; var cm_role = "live"; var cm_host = "angelfire.lycos.com"; var cm_taxid = "/memberembedded"; var angelfire_member_name = "commandstation"; var angelfire_member_page = "commandstation/it/builder/builder.htm"; var angelfire_ratings_hash = "1745600680:45f2af26d7d268922cca40ac51b2ca9b"; var lycos_ad_category = null; var lycos_ad_remote_addr = "209.202.244.9"; var lycos_ad_www_server = "www.angelfire.lycos.com"; var edit_site_url = "www.angelfire.lycos.com/landing/landing.tmpl?utm_source=house&utm_medium=landingpage&utm_campaign=toolbarlink"; </script> <script type="text/javascript" src="https://scripts.lycos.com/catman/init.js"></script> <script type='text/javascript'> var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; (function() { var gads = document.createElement('script'); gads.async = true; gads.type = 'text/javascript'; var useSSL = 'https:' == document.location.protocol; gads.src = (useSSL ? 'https:' : 'http:') + '//www.googletagservices.com/tag/js/gpt.js'; var node = document.getElementsByTagName('script')[0]; node.parentNode.insertBefore(gads, node); })(); </script> <script type='text/javascript'> googletag.cmd.push(function() { googletag.defineSlot('/95963596/ANG_300x250_dfp', [300, 250], 'div-gpt-ad-1450207484070-0').addService(googletag.pubads()); googletag.enableServices(); }); </script> <script type='text/javascript'> googletag.cmd.push(function() { googletag.defineSlot('/95963596/ANG_above_728x90_dfp', [728, 90], 'div-gpt-ad-1450207484070-1').addService(googletag.pubads()); googletag.enableServices(); }); </script> <script type='text/javascript'> googletag.cmd.push(function() { googletag.defineSlot('/95963596/ANG_below_728X90_dfp', [728, 90], 'div-gpt-ad-1450207484070-2').addService(googletag.pubads()); googletag.enableServices(); }); </script> <script type="text/javascript"> (function(isV) { if (!isV) { return; } //this.lycos_search_query = lycos_get_search_referrer(); var adMgr = new AdManager(); var lycos_prod_set = adMgr.chooseProductSet(); var slots = ["leaderboard", "leaderboard2", "toolbar_image", "toolbar_text", "smallbox", "top_promo", "footer2","slider"]; var adCat = this.lycos_ad_category; adMgr.setForcedParam('page', (adCat && adCat.dmoz) ? adCat.dmoz : 'member'); if (this.lycos_search_query) { adMgr.setForcedParam("keyword", this.lycos_search_query); } else if (adCat && adCat.find_what) { adMgr.setForcedParam('keyword', adCat.find_what); } for (var s in slots) { var slot = slots[s]; if (adMgr.isSlotAvailable(slot)) { this.lycos_ad[slot] = adMgr.getSlot(slot); } } adMgr.renderHeader(); adMgr.renderFooter(); }((function() { var w = 0, h = 0, minimumThreshold = 300; if (top == self) { return true; } if (typeof(window.innerWidth) == 'number' ) { w = window.innerWidth; h = window.innerHeight; } else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) { w = document.documentElement.clientWidth; h = document.documentElement.clientHeight; } else if (document.body && (document.body.clientWidth || document.body.clientHeight)) { w = document.body.clientWidth; h = document.body.clientHeight; } return ((w > minimumThreshold) && (h > minimumThreshold)); }()))); window.onload = function() { var f = document.getElementById("lycosFooterAd"); var b = document.getElementsByTagName("body")[0]; b.appendChild(f); f.style.display = "block"; document.getElementById('lycosFooterAdiFrame').src = '/adm/ad/footerAd.iframe.html'; // Slider Injection (function() { var e = document.createElement('iframe'); e.style.border = '0'; e.style.margin = 0; e.style.display = 'block'; e.style.cssFloat = 'right'; e.style.height = '254px'; e.style.overflow = 'hidden'; e.style.padding = 0; e.style.width = '300px'; })(); // Bottom Ad Injection ( function() { var b = document.getElementsByTagName("body")[0]; var iif = document.createElement('iframe'); iif.style.border = '0'; iif.style.margin = 0; iif.style.display = 'block'; iif.style.cssFloat = 'right'; iif.style.height = '254px'; iif.style.overflow = 'hidden'; iif.style.padding = 0; iif.style.width = '300px'; iif.src = '/adm/ad/injectAd.iframe.html'; var cdiv = document.createElement('div'); cdiv.style = "width:300px;margin:10px auto;"; cdiv.appendChild( iif ); if( b ) { b.insertBefore(cdiv, b.lastChild); } })(); } </script> <style> #body .adCenterClass { margin:0 auto; display:block !important; overflow:hidden; width:100%; } #body .adCenterClass #ad_container { display:block !important; float:left; width:728px; } @media (min-width: 768px) {  #body .adCenterClass #ad_container { width: calc(100% - 372px); } } @media (min-width: 1110px) {  #body .adCenterClass #ad_container { width: calc(100% - 372px); } } </style> <div style="background:#abe6f6; border-bottom:1px solid #507a87; position:relative; z-index:9999999"> <div class="adCenterClass"> <a href="https://www.angelfire.lycos.com/" title="Angelfire.com: build your free website today!" style="display:block; float:left; width:186px; border:0"> <img src="/adm/ad/angelfire-freeAd.jpg" alt="Site hosted by Angelfire.com: Build your free website today!" style="display:block; border:0" /> </a> <div id="ad_container"> <script type="text/javascript">document.write(lycos_ad['leaderboard']);</script> </div> </div> </div>  <script type="text/javascript">document.write(lycos_ad['slider']);</script> <div id="lycosFooterAd" style="background:#abe6f6; border-top:1px solid #507a87; clear:both; display:none; position:relative; z-index:9999999"> <div class="adCenterClass" style="display:block!important; overflow:hidden; width:936px;"> <div id="aflinksholder" style="float:left; width:186px;"> <a href="https://www.angelfire.lycos.com/" title="Angelfire.com: build your free website today!" style="display:block; border:0"> <img src="/adm/ad/angelfire-freeAd2.jpg" alt="Site hosted by Angelfire.com: Build your free website today!" style="display:block; border:0" /> </a> </div> <iframe id="lycosFooterAdiFrame" style="border:0; display:block; float:left; height:96px; overflow:hidden; padding:0; width:750px"></iframe> </div> </div>  <script data-cfasync="false" language="javascript" async src="//udmserve.net/udm/img.fetch?sid=17754;tid=1;dt=6;"></script>  </xmp>

Command Station's Block Navigator

The menu coding allows for customized HTML to be utilized at will. Follow the coding pattern and add as many menus and you wish.

Download the support script here.

Download these two graphics: ||

<HTML>
<HEAD>
<TITLE> Block Navigator </TITLE>
</HEAD>

<Script Language="JavaScript" src="toolbar.js"></Script>
<Script Language="JavaScript">
<!--
var objToolbar = new Array()

// sName (Unique and NO SPACES) , sCaption , sAlign , sFontColor , sBgcolor , sCurrentlyOpen , sWidth , sHeight
	objToolbar[0] = new Toolbar("News","<b>News <b>","center" , "#ffffff" , "#5f9ea0", "SportsDetail", "150px" , 	"200px")
	objToolbar[1] = new Toolbar("Code","<b>Code<b>","center", "#ffffff", "#5f9ea0", "JavascriptDetail", "150px" , 	"200px")

// sName (Unique and No SPACES), sDetailName (Unique and No SPACES), sHeaderCaption , sContent , sBgcolor , sFontcolor 	, sAlign ,sHeaderBgColor , sHeaderFontColor

// New Module
	objToolbar[0].Modules[0] = new Module("Sports","SportsDetail","Sports<img src='web.gif' style='height:10px;width:10px'>","<A href='http://cbs.sportsline.com/'>CBS Sports</a><BR><BR><A href='http://www.espn.com/'>ESPN</a><BR><BR><a href='http://www.nba.com/'>NBA</a><BR><BR><a href='http://www.nfl.com/'>NFL</a><BR><BR><a href='http://www.olympics.com/'>Olympics</a><BR><BR><a href='http://www.soccer.com/'>Soccer</a><BR><BR>","#87ceeb","#000000","center","silver","green")

objToolbar[0].Modules[1] = new Module("Technology","TechnologyDetail","Technology<img 	style='width:10px;height:10px' src='warning.gif'>","<a href='http://www.cnet.com/' style='color:#ffffff'>C-Net</a><BR><BR><a href='http://www.cnn.com/TECH/' style='color:#ffffff'>CNN Tech</a><BR><BR><a href='http://www.techweb.com/' style='color:#ffffff'>Tech-Web</a><BR><BR>","#000000","#ffffff","center","silver","green")

objToolbar[0].Modules[2] = new Module("General","GeneralDetail","General","<LI>For the latest on technology and 	all news categories, visit <a href='../../headline.htm'>Headlines & News</a><br><br><LI>Find the latest code in <a href='../default.htm'>Open Source Codes</a>","#fafad2","#000000","left","silver","green")
	
// New Module
	objToolbar[1].Modules[0] = new Module("Javascript","JavascriptDetail","Javascript","<BR><A 	href='../default.htm'>Command Station</a><BR><BR><A 	href='http://webdeveloper.earthweb.com/webjs/'>JavaScripts</a><BR><BR><a href='http://www.microsoft.com'>Microsoft</a><BR><BR><A href='http://www.pscode.com/'>Planet Source Codes</a><BR><BR>","#87ceeb","#000000","center","black","white")

objToolbar[1].Modules[1] = new Module("DHTML","DHTMLDetail","DHTML","<a href='http://www.cnet.com'>C-Net</a><BR><BR><A HREF='http://www.tamingthebeast.net/generators/codegenerators.htm'>Code Generators</A><BR><BR><A HREF='http://www.webreference.com/dhtml/'>DHTML Labs</A><BR><BR><A HREF='http://www.dynamicdrive.com/'>Dynamic Drive</A><BR><BR>","#add8e6","#000000","center","black","white")

objToolbar[1].Modules[2] = new Module("XML","XMLDetail","XML","<LI><a href='http://www.codetoad.com/'>Code Toad</a><br><br><LI>For the latest XML codes and downloads, visit <a href='http://www.vbxml.com/downloads/'>Top XML</a><br><br><LI>Edit XML on the fly with <a href='http://symbolclick.com/'>XML Marker</a>","#fafad2","#000000","left","black","white")
// -->
</SCRIPT>

<TABLE>
<TR>
<TD>
<Script Language="JavaScript">BuildToolbar()</Script>
</TD>
<TD style='vertical-align:top'>
<B>Command Station's Block Navigator</b>
<P>
The menu coding allows for customized HTML to be utilized at will. Follow the coding pattern and add as many menus and you wish.

</body>
</HTML>

Back to Main Menu