javascript menus and speed

[Christopher Boyce]

I am using the fw_menu.js from John Ahlquist (October 2000). The menu
works great, but the problem I am having is with it's speed in IE6.

The problem is I am making a menu for each item in a list (160 items).
It takes around 17 seconds to display the page with this javascript.
If I pull it out the page opens in about a second.

I would like to be able to use one Menu Object and each time I click
on an item, have it reset the Menu Object and call the addMenuItem
Method for whatever I want to pass in.

I have tried to add a Method to fw_menu.js, by setting:

function resetMenuList() {
this.item = new Array();
this.actions = new Array();
}

This does not seem to work.

See below for my menu list, this would have 160 menus, but I only put
the first two in.

Thanks for any help,

Chris

<snip>
function loadMenus() {
window.myMenu2 = new Menu("myMenu2", 120, 18, "Verdanda", 11,
"#000000", "#000000", "#CCCCCC", "#CCCCCC");
myMenu2.addMenuItem("View");
myMenu2.addMenuSeparator();
myMenu2.addMenuItem("Modify");
myMenu2.addMenuItem("Properties");
myMenu2.addMenuItem("Delete");
myMenu2.addMenuItem("Purge");
myMenu2.hideOnMouseOut=true;

window.myMenu3 = new Menu("myMenu3", 120, 18, "Verdanda", 11,
"#000000", "#000000", "#CCCCCC", "#CCCCCC");
myMenu3.addMenuItem("View");
myMenu3.hideOnMouseOut=true;

... to n
</snip>

[William Morris]

We have similar problems, and the root of the problem is the sheer quantity
of items. Is there any way to pare that down?

"Christopher Boyce" <cb******@yahoo.com> wrote in message
news:c6**************************@posting.google.c om...

I am using the fw_menu.js from John Ahlquist (October 2000). The menu
works great, but the problem I am having is with it's speed in IE6.

The problem is I am making a menu for each item in a list (160 items).
It takes around 17 seconds to display the page with this javascript.
If I pull it out the page opens in about a second.

I would like to be able to use one Menu Object and each time I click
on an item, have it reset the Menu Object and call the addMenuItem
Method for whatever I want to pass in.

I have tried to add a Method to fw_menu.js, by setting:

function resetMenuList() {
this.item = new Array();
this.actions = new Array();
}

This does not seem to work.

See below for my menu list, this would have 160 menus, but I only put
the first two in.

Thanks for any help,

Chris

<snip>
function loadMenus() {
window.myMenu2 = new Menu("myMenu2", 120, 18, "Verdanda", 11,
"#000000", "#000000", "#CCCCCC", "#CCCCCC");
myMenu2.addMenuItem("View");
myMenu2.addMenuSeparator();
myMenu2.addMenuItem("Modify");
myMenu2.addMenuItem("Properties");
myMenu2.addMenuItem("Delete");
myMenu2.addMenuItem("Purge");
myMenu2.hideOnMouseOut=true;

window.myMenu3 = new Menu("myMenu3", 120, 18, "Verdanda", 11,
"#000000", "#000000", "#CCCCCC", "#CCCCCC");
myMenu3.addMenuItem("View");
myMenu3.hideOnMouseOut=true;

... to n
</snip>

[Christopher Boyce]

I really can't limit the list. In fact it could get bigger.

Thanks,

Chris

"William Morris" <ne***************************@seamlyne.com> wrote in message news:<c6************@ID-205671.news.uni-berlin.de>...

We have similar problems, and the root of the problem is the sheer quantity
of items. Is there any way to pare that down?

"Christopher Boyce" <cb******@yahoo.com> wrote in message
news:c6**************************@posting.google.c om...

I am using the fw_menu.js from John Ahlquist (October 2000). The menu
works great, but the problem I am having is with it's speed in IE6.

The problem is I am making a menu for each item in a list (160 items).
It takes around 17 seconds to display the page with this javascript.
If I pull it out the page opens in about a second.

I would like to be able to use one Menu Object and each time I click
on an item, have it reset the Menu Object and call the addMenuItem
Method for whatever I want to pass in.

I have tried to add a Method to fw_menu.js, by setting:

function resetMenuList() {
this.item = new Array();
this.actions = new Array();
}

This does not seem to work.

See below for my menu list, this would have 160 menus, but I only put
the first two in.

Thanks for any help,

Chris

<snip>
function loadMenus() {
window.myMenu2 = new Menu("myMenu2", 120, 18, "Verdanda", 11,
"#000000", "#000000", "#CCCCCC", "#CCCCCC");
myMenu2.addMenuItem("View");
myMenu2.addMenuSeparator();
myMenu2.addMenuItem("Modify");
myMenu2.addMenuItem("Properties");
myMenu2.addMenuItem("Delete");
myMenu2.addMenuItem("Purge");
myMenu2.hideOnMouseOut=true;

window.myMenu3 = new Menu("myMenu3", 120, 18, "Verdanda", 11,
"#000000", "#000000", "#CCCCCC", "#CCCCCC");
myMenu3.addMenuItem("View");
myMenu3.hideOnMouseOut=true;

... to n
</snip>

[mscir]

Christopher Boyce wrote:

I am using the fw_menu.js from John Ahlquist (October 2000). The menu
works great, but the problem I am having is with it's speed in IE6.

The problem is I am making a menu for each item in a list (160 items).
It takes around 17 seconds to display the page with this javascript.
If I pull it out the page opens in about a second.

I would like to be able to use one Menu Object and each time I click
on an item, have it reset the Menu Object and call the addMenuItem
Method for whatever I want to pass in.

I have tried to add a Method to fw_menu.js, by setting:

function resetMenuList() {
this.item = new Array();
this.actions = new Array();
}

This does not seem to work.

See below for my menu list, this would have 160 menus, but I only put
the first two in.

Thanks for any help,

Chris

<snip>
function loadMenus() {
window.myMenu2 = new Menu("myMenu2", 120, 18, "Verdanda", 11,
"#000000", "#000000", "#CCCCCC", "#CCCCCC");
myMenu2.addMenuItem("View");
myMenu2.addMenuSeparator();
myMenu2.addMenuItem("Modify");
myMenu2.addMenuItem("Properties");
myMenu2.addMenuItem("Delete");
myMenu2.addMenuItem("Purge");
myMenu2.hideOnMouseOut=true;

window.myMenu3 = new Menu("myMenu3", 120, 18, "Verdanda", 11,
"#000000", "#000000", "#CCCCCC", "#CCCCCC");
myMenu3.addMenuItem("View");
myMenu3.hideOnMouseOut=true;

... to n
</snip>

Can your menu be viewed on the web, url?
Mike

[Christopher Boyce]

You can see it here: http://www.christopherleeboyce.com/test/test.html

Chris

mscir <ms***@access4less.com.net.org.uk> wrote in message news:<10*************@corp.supernews.com>...

Christopher Boyce wrote:

I am using the fw_menu.js from John Ahlquist (October 2000). The menu
works great, but the problem I am having is with it's speed in IE6.

The problem is I am making a menu for each item in a list (160 items).
It takes around 17 seconds to display the page with this javascript.
If I pull it out the page opens in about a second.

I would like to be able to use one Menu Object and each time I click
on an item, have it reset the Menu Object and call the addMenuItem
Method for whatever I want to pass in.

I have tried to add a Method to fw_menu.js, by setting:

function resetMenuList() {
this.item = new Array();
this.actions = new Array();
}

This does not seem to work.

See below for my menu list, this would have 160 menus, but I only put
the first two in.

Thanks for any help,

Chris

<snip>
function loadMenus() {
window.myMenu2 = new Menu("myMenu2", 120, 18, "Verdanda", 11,
"#000000", "#000000", "#CCCCCC", "#CCCCCC");
myMenu2.addMenuItem("View");
myMenu2.addMenuSeparator();
myMenu2.addMenuItem("Modify");
myMenu2.addMenuItem("Properties");
myMenu2.addMenuItem("Delete");
myMenu2.addMenuItem("Purge");
myMenu2.hideOnMouseOut=true;

window.myMenu3 = new Menu("myMenu3", 120, 18, "Verdanda", 11,
"#000000", "#000000", "#CCCCCC", "#CCCCCC");
myMenu3.addMenuItem("View");
myMenu3.hideOnMouseOut=true;

... to n
</snip>

Can your menu be viewed on the web, url?
Mike

[mscir]

Christopher Boyce wrote:

You can see it here: http://www.christopherleeboyce.com/test/test.html

Chris

Since you're using an identical menu for every table anchor, I'd make a
single menu using divs (and css for special effects).

When an anchor in a table cell is clicked, move the menu to the table
row that was clicked and then make it visible, positioned over the
clicked anchor so the mouse is already over the menu, then you can hide
the menu if the mouse moves over the table (off of the menu divs).

So instead of 106 identical menus you use one single menu, and a global
var that is set on each row's anchor click (to the row number).

Document/Web Page/etc. names can be stored in an array with element
numbers matching the table row numbers, so generic view, properties,
delete, purge etc. functions can work using the array element number
stored in the global var.

I sent you an example that includes this menu approach with your table.
The page loads in 1 second or less (requires no external .js or .css
files, no menu rendering, and is significantly smaller than the original
approach).

Good Luck,
Mike