tiltmode
04-27-2003, 11:37 PM
Thank you so much for anyone who is willing to at least visit this post. I'm a newbie in the JavaScript world, and am moving from the cut-and-paste level scripting to creating my own. However, this problem is beyond my knowlege so I would like to ask for your help in solving it.
My page uses a set of buttons. When each is hovered over, a popup menu is displayed with links to other portions of the site.
(for a visual of this, check out http://www.besttravelvalues.com/ScriptBreaker_menu.htm
I downloaded this script from http://******************/examples/sb_menu.asp
The problem is that while I was customizing my script to fit my needs, I tried to get the last button (contact) to display no menu when hovered over (as in the "home" button) When I changed this in the usual way, the entire navigation bar was no longer displayed!
The entire DHTML effect uses a few files:
There are the html ("ScriptBreaker_menu.htm") and css ("ScriptBreaker_menu.css") files which display the effect, and probably will not require changing.
There is the javascript file that I have been modifying (titled "ScriptBreaker_items.js") that contains the values of the elements and will be included in this posting.
There is the javascript file that seems to load these values ("ScriptBreaker_menu.js"), however I cannot understand it. I will attach this file in txt format, because otherwise the post will be too long.
First, "ScriptBreaker_items.js")
var prop = [
90, // transparancy of the items
200, // left position of the whole menu
25, // height position of the whole menu
75, // width of the head items of the menu
20, // top of the head items of the menu
3, // space between the head items
1, // width of the border of the head items
'black',//bordercolor of the head items
0, // 1 to set the head items bold , 1 to set the head items normal
11, // font-size of the head items
'arial', // font-family of the head items
'solid', // border style of the head items
3, // space between the header and the items
90, // width of the items
18, // heigth of the items
1, // width of the border items
'black', // color of the item border
'solid', // border style of the items
10, //font size of the items
'arial', // font-family of the items
2, // space between the item panels (multi-level)
2, //top padding in the head item block
5, //left padding in the head item block
'arrow.gif' // icon at the right when there are subitems
];
//link ==> [text,url,target,text_color,background_color,text_color_onmouseover,background_color_onmouseover]
//link with items ==> [text,url,target,text_color,background_color,text_color_onmouseover,background_color_onmouseover,[items]]
var link =[
['Home','index.htm','_top','white','#336699','darkblue','lightblue'],
['Hotel Deals','hotel.htm','_top','white','#336699','darkblue','lightblue',
[
['3-Day 2-Night','hotel.htm','_blank','darkblue','#9999BB','red','lightblue']
]],
['Air Deals','air.htm','_top','white','#336699','darkblue','lightblue',
[
['Airfare for TWO','hotel.htm','_top','darkblue','#9999BB','darkblue','lightblue']
]],
['Cruise Deals','cruise.htm','_top','white','#336699','darkblue','lightblue',
[
['3-Night Cruises','3night.htm','_top','darkblue','#9999BB','darkblue','lightblue'],
['4-Night Cruises','4night.htm','_top','darkblue','#9999BB','darkblue','lightblue'],
['7-Night Cruises','7night.htm','_top','darkblue','#9999BB','darkblue','lightblue']
]],
//
//start of where I am having trouble
['Contact','index.htm','_top','white','#336699','darkblue','lightblue',
[
//I don't want any of the following displayed
['darn',null,'_top','darkblue','#9999BB','darkblue','lightblue'],
['dis',null,'_top','darkblue','#9999BB','darkblue','lightblue'],
['dont',null,'_top','darkblue','#9999BB','darkblue','lightblue'],
['work',null,'_top','darkblue','#9999BB','darkblue','lightblue',
[
['fix me please',null,'_top','darkblue','#9999BB','darkblue','lightblue'],
['!!!!!',null,'_top','darkblue','#9999BB','darkblue','lightblue']
]]
]]
];
//there must be a reason for the semicolon,
//but I have no clue what it is.
Again, thank you for anytime you spend trying to help me fix my problem. You'll wanna check http://www.besttravelvalues.com/ScriptBreaker_menu.htm to see it in action. Please let me know how I can fix this script (if possible)
THANKS A MILLION!
My page uses a set of buttons. When each is hovered over, a popup menu is displayed with links to other portions of the site.
(for a visual of this, check out http://www.besttravelvalues.com/ScriptBreaker_menu.htm
I downloaded this script from http://******************/examples/sb_menu.asp
The problem is that while I was customizing my script to fit my needs, I tried to get the last button (contact) to display no menu when hovered over (as in the "home" button) When I changed this in the usual way, the entire navigation bar was no longer displayed!
The entire DHTML effect uses a few files:
There are the html ("ScriptBreaker_menu.htm") and css ("ScriptBreaker_menu.css") files which display the effect, and probably will not require changing.
There is the javascript file that I have been modifying (titled "ScriptBreaker_items.js") that contains the values of the elements and will be included in this posting.
There is the javascript file that seems to load these values ("ScriptBreaker_menu.js"), however I cannot understand it. I will attach this file in txt format, because otherwise the post will be too long.
First, "ScriptBreaker_items.js")
var prop = [
90, // transparancy of the items
200, // left position of the whole menu
25, // height position of the whole menu
75, // width of the head items of the menu
20, // top of the head items of the menu
3, // space between the head items
1, // width of the border of the head items
'black',//bordercolor of the head items
0, // 1 to set the head items bold , 1 to set the head items normal
11, // font-size of the head items
'arial', // font-family of the head items
'solid', // border style of the head items
3, // space between the header and the items
90, // width of the items
18, // heigth of the items
1, // width of the border items
'black', // color of the item border
'solid', // border style of the items
10, //font size of the items
'arial', // font-family of the items
2, // space between the item panels (multi-level)
2, //top padding in the head item block
5, //left padding in the head item block
'arrow.gif' // icon at the right when there are subitems
];
//link ==> [text,url,target,text_color,background_color,text_color_onmouseover,background_color_onmouseover]
//link with items ==> [text,url,target,text_color,background_color,text_color_onmouseover,background_color_onmouseover,[items]]
var link =[
['Home','index.htm','_top','white','#336699','darkblue','lightblue'],
['Hotel Deals','hotel.htm','_top','white','#336699','darkblue','lightblue',
[
['3-Day 2-Night','hotel.htm','_blank','darkblue','#9999BB','red','lightblue']
]],
['Air Deals','air.htm','_top','white','#336699','darkblue','lightblue',
[
['Airfare for TWO','hotel.htm','_top','darkblue','#9999BB','darkblue','lightblue']
]],
['Cruise Deals','cruise.htm','_top','white','#336699','darkblue','lightblue',
[
['3-Night Cruises','3night.htm','_top','darkblue','#9999BB','darkblue','lightblue'],
['4-Night Cruises','4night.htm','_top','darkblue','#9999BB','darkblue','lightblue'],
['7-Night Cruises','7night.htm','_top','darkblue','#9999BB','darkblue','lightblue']
]],
//
//start of where I am having trouble
['Contact','index.htm','_top','white','#336699','darkblue','lightblue',
[
//I don't want any of the following displayed
['darn',null,'_top','darkblue','#9999BB','darkblue','lightblue'],
['dis',null,'_top','darkblue','#9999BB','darkblue','lightblue'],
['dont',null,'_top','darkblue','#9999BB','darkblue','lightblue'],
['work',null,'_top','darkblue','#9999BB','darkblue','lightblue',
[
['fix me please',null,'_top','darkblue','#9999BB','darkblue','lightblue'],
['!!!!!',null,'_top','darkblue','#9999BB','darkblue','lightblue']
]]
]]
];
//there must be a reason for the semicolon,
//but I have no clue what it is.
Again, thank you for anytime you spend trying to help me fix my problem. You'll wanna check http://www.besttravelvalues.com/ScriptBreaker_menu.htm to see it in action. Please let me know how I can fix this script (if possible)
THANKS A MILLION!