Wrox Programmer Forums
|
Welcome to the p2p.wrox.com Forums.

You are currently viewing the Dreamweaver (all versions) section of the Wrox Programmer to Programmer discussions. This is a community of software programmers and website developers including Wrox book authors and readers. New member registration was closed in 2019. New posts were shut off and the site was archived into this static format as of October 1, 2020. If you require technical support for a Wrox book please contact http://hub.wiley.com
 
Old October 26th, 2005, 12:48 AM
Friend of Wrox
 
Join Date: Apr 2005
Posts: 128
Thanks: 0
Thanked 0 Times in 0 Posts
Default Style sheets & Menus

Hi everyone!!

I have an HTM page which uses a dropdown menu which has got a few submenus. These use a particular style for display, however I am having a problem with the color of the font which changes on mouse rollover. I am giving the code as below can any one help me out with this??

------------------------------'

//The following line is critical for menu operation, and MUST APPEAR ONLY ONCE. If you have more than one menu_array.js file rem out this line in subsequent files

menunum=0;menus=new Array();_d=document;function addmenu(){menunum++;menus[menunum]=menu;}function dumpmenus(){mt="<script language=javascript>";for(a=1;a<menus.length;a++){ mt+=" menu"+a+"=menus["+a+"];"}mt+="<\/script>";_d.write(mt)}

//Please leave the above line intact. The above also needs to be enabled if it not already enabled unless this file is part of a multi pack.



////////////////////////////////////
// Editable properties START here //
////////////////////////////////////

// Special effect string for IE5.5 or above

if(navigator.appVersion.indexOf("MSIE 6.0")>0)
{
    effect = "Fade(duration=0.6);Alpha(style=0,opacity=100);Sha dow(color='#777777', Direction=135, Strength=5)"
}
else
{
    effect = "Shadow(color='#777777', Direction=135, Strength=5)" // Stop IE5.5 bug when using more than one filter
}


timegap=500 // The time delay for menus to remain visible
followspeed=5 // Follow Scrolling speed
followrate=40 // Follow Scrolling Rate
suboffset_top=5; // Sub menu offset Top position
suboffset_left=20; // Sub menu offset Left position

###This style is being used for the top menus
style1=[ // style1 is an array of properties. You can have as many property arrays as you need. This means that menus can have their own style.
"142038", // Mouse Off Font Color
"D0DDF6", // Mouse Off Background Color
"D0DDF6", // Mouse On Font Color
"31353B", // Mouse On Background Color
"000000", // Menu Border Color
14, // Font Size in pixels
"normal", // Font Style (italic or normal)
"bold", // Font Weight (bold or normal)
"Arial", // Font Name
2, // Menu Item Padding
, // Sub Menu Image (Leave this blank if not needed)
"31353B", // 3D Border & Separator bar
"66ffff", // 3D High Color
"000099", // 3D Low Color
, // Current Page Item Font Color (leave this blank to disable)
, // Current Page Item Background Color (leave this blank to disable)
, // Top Bar image (Leave this blank to disable)
"ffffff", // Menu Header Font Color (Leave blank if headers are not needed)
"000099", // Menu Header Background Color (Leave blank if headers are not needed)
"31353B", // Menu Item Separator Color
]

######This style is being used by submenus
style2=[ // style1 is an array of properties. You can have as many property arrays as you need. This means that menus can have their own style.
"142038", // Mouse Off Font Color
"D0DDF6", // Mouse Off Background Color
"D0DDF6", // Mouse On Font Color
"31353B", // Mouse On Background Color
"000000", // Menu Border Color
12, // Font Size in pixels
"normal", // Font Style (italic or normal)
"bold", // Font Weight (bold or normal)
"Arial", // Font Name
4, // Menu Item Padding
, // Sub Menu Image (Leave this blank if not needed)
, // 3D Border & Separator bar
"66ffff", // 3D High Color
"000099", // 3D Low Color
, // Current Page Item Font Color (leave this blank to disable)
, // Current Page Item Background Color (leave this blank to disable)
, // Top Bar image (Leave this blank to disable)
"ffffff", // Menu Header Font Color (Leave blank if headers are not needed)
"000099", // Menu Header Background Color (Leave blank if headers are not needed)
"000000", // Menu Item Separator Color
]

###### Menu starts

addmenu(menu=[ // This is the array that contains your menu properties and details
"mainmenu", // Menu Name - This is needed in order for the menu to be called
, // Menu Top - The Top position of the menu in pixels
, // Menu Left - The Left position of the menu in pixels
177, // Menu Width - Menus width in pixels
, // Menu Border Width
, // Screen Position - here you can use "center;left;right;middle;top;bottom" or a combination of

style1, // Properties Array - this is set higher up, as above
1, // Always Visible - allows the menu item to be visible at all time (1=on/0=off)
"center", // Alignment - sets the menu elements text alignment, values valid here are: left, right or center
, // Filter - Text variable for setting transitional effects on menu activation - see above for more info
, // Follow Scrolling - Tells the menu item to follow the uscreen (visser down the ible at all times) (1=on/0=off)
1, // Horizontal Menu - Tells the menu to become horizontal instead of top to bottom style (1=on/0=off)
, // Keep Alive - Keeps the menu visible until the user moves over another menu or clicks elsewhere on the page (1=on/0=off)
, // Position of TOP sub image left:center:right
, // Set the Overall Width of Horizontal Menu to 100% and height to the specified amount (Leave blank to disable)
, // Right To Left - Used in Hebrew for example. (1=on/0=off)
, // Open the Menus OnClick - leave blank for OnMouseover (1=on/0=off)
, // ID of the div you want to hide on MouseOver (useful for hiding form elements)
, // Background image for menu when BGColor set to transparent.
, // Scrollable Menu
, // Reserved for future use

***Top meny starts here----------------

,"Home","index.htm",,"",1
,"<a href='profile.htm' style='text-decoration:none;visited color=#D0DDF6'>Corporate Profile</a>","show-menu=profile",,"",1
,"<a href='products.htm' style='text-decoration:none;visited color=#D0DDF6'>Products</a>","show-menu=product",,"",1
,"Diversification","show-menu=diversification",,"",1
,"Contact Us","show-menu=contact",,"",1

***-----------------------------------
Problem is with the above 2 menu links a)Corporate Profile b)Products
** The mouse over color for the font does not change
***--------------------------------------------------

//,"<img src='images/profile_normal_2.jpg' border=0>","show-menu=profile",,"",1
//,"<img src='images/products_normal_2.jpg' border=0>","show-menu=product",,"",1
//,"<img src='images/flora_normal_1.jpg' border=0>","show-menu=diversification",,"",1
//,"<img src='images/directors_normal_2.jpg' border=0>","show-menu=contact",,"",1
])

***----------------Submenus - these are OK -------------------
addmenu(menu=["profile",
        ,,177,1,"",style2,,"left",effect,,,,,,,,,,,,
        , "Company Profile",'profile.htm#profile',,,1
        , "Founders",'profile.htm#founders',,,1
        , "Board of Directors",'profile.htm#directors',,,1
        ])

addmenu(menu=["product",
        ,,177,1,"",style2,,"left",effect,,,,,,,,,,,,
        , "Calcined Petroleum Coke",'products.htm#cpc',,,1
        , "Electrode Carbon Paste",'products.htm#ecp',,,1
        , "Tamping Paste",'products.htm#tamping',,,1
        ])

addmenu(menu=["diversification",
        ,,177,1,"",style2,,"left",effect,,,,,,,,,,,,
    // , "Floriculture",'flora.htm target=_blank',,,1
        , "Floriculture",'flora.htm',,,1
        ])

addmenu(menu=["contact",
        ,,177,1,"",style2,,"left",effect,,,,,,,,,,,,
        , "Contact Information",'contactus.htm',,,1
        , "Careers",'contactus.htm#career',,,1
        , "Queries",'contactus.htm#query',,,1
        ])



dumpmenus()
 
Old October 27th, 2005, 04:09 PM
Imar's Avatar
Wrox Author
 
Join Date: Jun 2003
Posts: 17,089
Thanks: 80
Thanked 1,576 Times in 1,552 Posts
Default

What kind of menu is this?

Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.





Similar Threads
Thread Thread Starter Forum Replies Last Post
SHORTCUT for linking style sheets? dearmisskat CSS Cascading Style Sheets 1 March 27th, 2007 06:52 AM





Powered by vBulletin®
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
Copyright (c) 2020 John Wiley & Sons, Inc.