ÿþ<HTML> <title>TERRIBLES DISCOGRAPHY!!!!!!!!!!!!</title> <HEAD> <style type="text/css"> /* The following CSS is only for the demo */ html{ height:100%; } body{ font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; margin:0px; padding:0px; height:100%; font-size:0.9em; line-height:130%; background-color:black; text-align:center; } #mainContainer{ width:760px; margin: 0 auto; border-left:1px solid #000; border-right:1px solid #000; height:100%; text-align:left; background-color:#FFF; } #leftColumn{ width:140px; float:left; padding-left:10px; } #mainContent{ width:590px; padding-left:10px; padding-right:10px; float:left; } #topBar{ height:100px; } /* End of demo CSS */ /**************************************************************************************** * LAYOUT CSS FOR THE MENU ****************************************************************************************/ #dhtmlgoodies_listMenu a{ /* Main menu items */ color:#000; text-decoration:none; font-weight:bold; } #dhtmlgoodies_listMenu ul li a{ /* Sub menu */ color: #F00; font-weight:normal; } #dhtmlgoodies_listMenu ul li ul li a{ /* Sub Sub menu */ color: #000; font-style:italic; font-size:0.9em; font-weight:normal; } #dhtmlgoodies_listMenu .activeMenuLink{ /* Styling of active menu item */ color:blue; } /* No bullets */ #dhtmlgoodies_listMenu li{ list-style-type:none; } /* No margin and padding */ #dhtmlgoodies_listMenu, #dhtmlgoodies_listMenu ul{ margin:0px; padding:0px; } /* Margin of sub menu items */ #dhtmlgoodies_listMenu ul{ display:none; margin-left:10px; } </style> <script type="text/javascript"> /************************************************************************************************************ Copyright (C) October 2005 DTHMLGoodies.com, Alf Magne Kalleland This library is free software; you can redistribute it and/or modify it under the terms of the GNU Lesser General Public License as published by the Free Software Foundation; either version 2.1 of the License, or (at your option) any later version. This library is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details. You should have received a copy of the GNU Lesser General Public License along with this library; if not, write to the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA Dhtmlgoodies.com., hereby disclaims all copyright interest in this script written by Alf Magne Kalleland. Alf Magne Kalleland, 2010 Owner of DHTMLgoodies.com ************************************************************************************************************/ var activeMenuItem = new Array(); function isUlInArray(inputObj,ulObj){ while(inputObj && inputObj.id!='dhtmlgoodies_listMenu'){ if(inputObj==ulObj)return true; inputObj = inputObj.parentNode; } return false; } function showHideSub(e,inputObj) { if(!inputObj)inputObj=this; var parentObj = inputObj.parentNode; var ul = parentObj.getElementsByTagName('UL')[0]; if(activeMenuItem.length>0){ for(var no=0;no<activeMenuItem.length;no++){ if(!isUlInArray(ul,activeMenuItem[0]) && !isUlInArray(activeMenuItem[0],ul)){ activeMenuItem[no].style.display='none'; activeMenuItem.splice(no,1); no--; } } } if(ul.offsetHeight == 0){ ul.style.display='block'; activeMenuItem.push(ul); }else{ ul.style.display='none'; } } function showHidePath(inputObj) { var startTag = inputObj; showHideSub(false,inputObj); inputObj = inputObj.parentNode; while(inputObj){ inputObj = inputObj.parentNode; if(inputObj.tagName=='LI')showHideSub(false,inputObj.getElementsByTagName('A')[0]); if(inputObj.id=='dhtmlgoodies_listMenu')inputObj=false; } } function initMenu() { var obj = document.getElementById('dhtmlgoodies_listMenu'); var linkCounter=0; var aTags = obj.getElementsByTagName('A'); var activeMenuItem = false; var activeMenuLink = false; var thisLocationArray = location.href.split(/\//); var fileNameThis = thisLocationArray[thisLocationArray.length-1]; if(fileNameThis.indexOf('?')>0)fileNameThis = fileNameThis.substr(0,fileNameThis.indexOf('?')); if(fileNameThis.indexOf('#')>0)fileNameThis = fileNameThis.substr(0,fileNameThis.indexOf('#')); for(var no=0;no<aTags.length;no++){ var parent = aTags[no].parentNode; var subs = parent.getElementsByTagName('UL'); if(subs.length>0){ aTags[no].onclick = showHideSub; linkCounter++; aTags[no].id = 'aLink' + linkCounter; } if(aTags[no].href.indexOf(fileNameThis)>=0 && aTags[no].href.charAt(aTags[no].href.length-1)!='#'){ if(aTags[no].parentNode.parentNode){ var parentObj = aTags[no].parentNode.parentNode.parentNode; var a = parentObj.getElementsByTagName('A')[0]; if(a.id && !activeMenuLink){ activeMenuLink = aTags[no]; activeMenuItem = a.id; } } } } if(activeMenuLink){ activeMenuLink.className='activeMenuLink'; } if(activeMenuItem){ if(document.getElementById(activeMenuItem))showHidePath(document.getElementById(activeMenuItem)); } } window.onload = initMenu; </script> </HEAD> <BODY> <div id="mainContainer"> <div id="topBar"> <h1>TERRIBLES DICOGRAPHY</h2> </div> <div id="leftColumn"> <ul id="dhtmlgoodies_listMenu"> <li><a href="#">Albums</a> <ul> <li><a href="#">1.Terribles Demo</a></li> <li><a href="#">2.Out of the Myre, Into the Muck</a></li> <li><a href="#">3.Doomsday Device</a></li> <li><a href="/songs/ibaltlal.zip">4.Inspired by a Larger Than Life Abraham Lincoln</a></li> <li><a href="#">5.The Future as Seen From the Future/There's Too Much Everything</a></li> <li><a href="/songs/in_congrefs.zip">6.In Congrefs</a></li> <li><a href="#">7.Double Downer 7"</a></li> <li><a href="#">8.White Baby single</a></li> <li><a href="#">9.FRIG</a></li> </ul> </li> <li><a href="#">Support</a> <ul> <li><a href="http://www.dhtmlgoodies.com">Phone</a></li> <li><a href="http://www.dhtmlgoodies.com">Email</a></li> <li><a href="http://www.dhtmlgoodies.com">QnA</a></li> </ul> </li> <li><a href="#">History</a> <ul> <li><a href="#">1900 - 1940</a> <ul> <li><a href="dhtmlgoodies_menu3.html">Active link</a></li> <li><a href="http://www.dhtmlgoodies.com">Another link</a></li> </ul> </li> <li><a href="http://www.dhtmlgoodies.com">1941 - 1980 </a></li> <li><a href="http://www.dhtmlgoodies.com">1981 - Present time</a></li> </ul> </li> <li><a href="#">The team</a> <ul> <li><a href="#">Person A</a> <li><a href="http://www.dhtmlgoodies.com">Person B</a></li> <li><a href="http://www.dhtmlgoodies.com">Person C</a></li> <li><a href="http://www.dhtmlgoodies.com">Person D</a></li> <li><a href="http://www.dhtmlgoodies.com">Person E</a></li> </ul> </li> <li><a href="#">Locations</a> <ul> <li><a href="http://www.dhtmlgoodies.com">Norway</a></li> <li><a href="http://www.dhtmlgoodies.com">United States</a></li> <li><a href="http://www.dhtmlgoodies.com">United Kingdom</a></li> <li><a href="http://www.dhtmlgoodies.com">Sweden</a></li> <li><a href="http://www.dhtmlgoodies.com">Denmark</a></li> <li><a href="http://www.dhtmlgoodies.com">Finland</a></li> </ul> </li> </ul> </div> <div id="mainContent"> <p> Sorry. still in development. soon, my prettys.... </p> <p><div style="float:right;padding:5px;padding-right:0px;width:200px;border:1px dotted #317082;background-color:gold"> whatever whatever somemore</div> big chunks of text </p> <p>last tidbits </P> </div> </div> </BODY> </HTML>