I ask this question in the newbie forum which I am of course and they sent me over here....
I have to submit it as 2 posts due to the character length restriction.
I need some help with this menu script. I want to extend the ends with a non-linking graphic that will go out to the left and right ends of my page.
My attempt at this is shown in lines 17 and 47 but I know this is sloppy and not the way to go about it. Plus if someone clicks on these edges it take them back to the index page.
I just want a bar, same size and color to extend out to the edges for aesthetic reasons.
Thank you for any help.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script type="text/javascript" language="JavaScript">
<!---
// Use Freely as long as following disclaimer is intact:
//---------------------------------------------------------------
// Cross Browser Multi-Orientation Menu v1.2 11th February 2004
// Written by Rik Comery. www.ricom.co.uk, support at www.ricom.co.uk
// All rights reserved.
// Featured in the SimplytheBest DHTML Scripts Library at http://simplythebest.net/scripts/
// MENU ITEMS - DUPLICATE THIS ENTIRE SECTION FOR MULTIPLE MENUS.
var Menu1 = new Array ()
var subMenu1 = new Array ()
Menu1[0] = new Array(" ", "index.shtml","_top", "left")
subMenu1[0] = new Array()
Menu1[1] = new Array("HOME", "http://affhomeloans.com","_top", "left")
subMenu1[1] = new Array()
Menu1[2] = new Array("What you need to know", "","_top", "left")
subMenu1[2] = new Array()
subMenu1[2][0] = new Array ("Buying a home", "/buyingquestions.shtml","_top")
subMenu1[2][1] = new Array ("Selling your home", "/selling.shtml","_top")
subMenu1[2][2] = new Array ("Selling Tips", "/sellingtips.shtml","_top")
subMenu1[2][3] = new Array ("Using Your Equity", "/equity.shtml","_top")
subMenu1[2][4] = new Array ("Getting Pre-Qualified", "/prequal.shtml","_top")
Menu1[3] = new Array("Prequalification", "apform2.shtml","_top", "left")
subMenu1[3] = new Array()
Menu1[4] = new Array("Glossary", "/glossary.shtml","_top", "left")
subMenu1[4] = new Array()
Menu1[5] = new Array("Contacts", "http://affhomeloans.com","_top", "right")
subMenu1[5] = new Array()
subMenu1[5][0] = new Array ("Company profile", "/about.shtml","_top")
subMenu1[5][1] = new Array ("Privacy Policy", "/privacy.shtml","_top")
subMenu1[5][2] = new Array ("Feedback form", "/contact.shtml","_top")
subMenu1[5][3] = new Array ("Map/Directions", "/directions.shtml","_top")
Menu1[6] = new Array(" ", "index.shtml","_top", "left")
subMenu1[6] = new Array()
////// FORMAT MENU
menuStyle = "3d" // Menu Style (flat, 3d)
cellPadding = 6 // Cell Padding
cellBorder = 2 // Include table border (0 for no border)
verticalOffset = 0 // Vertical offset of Sub Menu.
horizontalOffset = 9 // Horizontal offset of Sub Menu.
subMenuDelay = 0 // Time sub menu stays visible for (in seconds)
subIndicate = 1 // Show if a sub menu is present (0 for "no")
indicator = "+" // Symbol to show if a sub menu is present (subIndicate must be to set to 1)
// Use standard HTML <img> tag. You can use a character instead of an image.
// e.g. indicator = ">"
// Main Menu Items
borderColor = "#ffffff" // Border Colour (flat mode only)
borderHighlight = "#97BBD3" // Border Highlight Colour (3d mode only)
borderShadow = "black" // Border Shadow Colour (3d mode only)
menuBackground = "Blue" // Cell Background Colour
menuHoverBackground = "CornflowerBlue" // Cell Background Colour on mouse rollover
fontFace = "arial" // Font Face
fontColour = "#FFFFFF" // Font Colour
fontHoverColour = "#black" // Font Colour on mouse rollover
fontSize = "8pt" // Font Size
fontDecoration = "none" // Style of the link text (none, underline, overline, line-through)
fontWeight = "bold" // Font Weight (normal, bold)
// Sub Menu Items
sborderColor = "black" // Border Colour (flat mode only)
sborderHighlight = "#E9E9E2" // Border Highlight Colour (3d mode only)
sborderShadow = "#83837C" // Border Shadow Colour (3d mode only)
smenuBackground = "SkyBlue" // Cell Background Colour
smenuHoverBackground = "Aqua" // Cell Background Colour on mouse rolloverr
sfontFace = "arial" // Font Face
sfontColour = "#black" // Font Colour
sfontHoverColour = "#000000" // Font Colour on mouse rollover
sfontSize = "8pt" // Font Size
sfontDecoration = "none" // Style of the link text (none, underline, overline, line-through)
sfontWeight = "bold" // Font Weight (normal, bold)
sShadow = 1
////// END FORMAT MENU
quantity = 1
////// DO NOT EDIT BELOW THIS LINE
// Browser Sniffer
var isIE = (document.getElementById && document.all)?true:false;
var isNS4 = (document.layers)?true:false;
var isNS6 = (document.getElementById && !document.all)?true:false;
var timer;
var obj = (isIE)?"document.all":"document.getElementById"
styleBorder=(menuStyle.toLowerCase() == "flat")?cellBorder:0
// Menu Styles
document.writeln ('<style>');
document.writeln ('.rcMenuStatic {font-family:'+fontFace+';font-size:'+fontSize+';color:'+fontColour+';font-weight:'+fontWeight+';background-color:'+menuBackground+'; cursor:hand; text-decoration:'+fontDecoration+'}');
document.writeln ('.rcMenuHover {font-family:'+fontFace+';font-size:'+fontSize+';color:'+fontHoverColour+';font-weight:'+fontWeight+';background-color:'+menuHoverBackground+'; cursor:hand; text-decoration:'+fontDecoration+'}');
document.writeln ('.rcSubMenuStatic {font-family:'+sfontFace+';font-size:'+sfontSize+';color:'+sfontColour+';font-weight:'+sfontWeight+';text-decoration:'+sfontDecoration+';background-color:'+smenuBackground+'; cursor:hand}');
document.writeln ('.rcSubMenuHover {font-family:'+sfontFace+';font-size:'+sfontSize+';color:'+sfontHoverColour+';font-weight:'+sfontWeight+';text-decoration:'+sfontDecoration+';background-color:'+smenuHoverBackground+'; cursor:hand}');
document.writeln ('</style>');
// Build and show the main menu items
function showMenus(quant,definedOrientation)
{
if(definedOrientation!=""){orientation=definedOrientation}
if (orientation.toLowerCase() == "vertical"){document.writeln ('<table border="0" cellpadding="0" cellspacing="'+styleBorder+'" bgColor="'+borderColor+'">')}
else{document.writeln ('<table border="0" cellpadding="0" cellspacing="'+styleBorder+'" bgColor="'+borderColor+'"><tr>')}
for (x=0; x<eval("Menu"+quant).length; x++)
{
if (orientation.toLowerCase()=="vertical") document.writeln('<tr>')
document.writeln ('<td onclick="tdMouseClick(\''+quant+'mainLink'+x+'\')" onMouseOver="hoverMenu(); popDown(\''+quant+'\','+x+', \''+quant+'button'+x+'\',\''+orientation+'\'); " onMouseOut="clearMenu('+quant+','+x+')" ')
if (menuStyle.toLowerCase() == "3d"){document.writeln ('style="border-left:'+cellBorder+'px solid '+borderHighlight+';border-top:'+cellBorder+'px solid '+borderHighlight+';border-right:'+cellBorder+'px solid '+borderShadow+';border-bottom:'+cellBorder+'px solid '+borderShadow+';"');}
document.writeln ('><div id="'+quant+'button'+x+'"><table border="0" cellpadding="'+cellPadding+'" cellspacing="0" width="100%"><tr><td class="rcMenuStatic" id="'+quant+'cell'+x+'" nowrap>');
document.writeln ('<a id="'+quant+'mainLink'+x+'" href="'+eval("Menu"+quant)[x][1]+'" target="'+eval("Menu"+quant)[x][2]+'" class="rcMenuStatic">'+eval("Menu"+quant)[x][0]+'</a></td>');
if (subIndicate == 1&&eval("subMenu"+quant)[x].length>=1){
document.writeln('<td class="rcMenuStatic" id="'+quant+'cell'+x+'a" align="right">');
document.writeln ('<a id="'+quant+'mainLink'+x+'a" href="'+eval("Menu"+quant)[x][1]+'" target="'+eval("Menu"+quant)[x][2]+'" class="rcMenuStatic">'+indicator+'</a></td>');}
document.writeln ('</tr></table></div></td>');
if (orientation.toLowerCase()=="vertical") document.writeln('</tr>')
}
if (orientation.toLowerCase() == "vertical"){document.writeln ('</table>');}
else{document.writeln ('</tr></table>');}
