Comments on: Self-resizing Navigation Menu with jQuery

By: alex

alex — Mon, 09 Aug 2010 21:21:19 +0000

Very pleased!

By: Ron

Ron — Fri, 06 Aug 2010 19:46:59 +0000

Figured it out myself, by the way (not a coder, so I’m pretty happy with myself).

Just changed line 5 of the jQuery to:
var menuItems = $(‘#Menu li’).size() – $(‘.HasSubMenu li’).size();

By: Ron

Ron — Fri, 06 Aug 2010 19:10:01 +0000

Just wondering if anyone knows how to adapt this to a drop-down menu?

As is, it divides the container width by the total number of list items, not just the top-most ones.

By: Tony

Tony — Tue, 09 Feb 2010 14:20:37 +0000

@Jan I think that’s what is written in the post, you can do it manually, but again, you will have to “do” it

By: Jan

Jan — Tue, 09 Feb 2010 13:55:33 +0000

If you have a menu with tree elements and you want it to be exacly 400 pixels wide you would have to make on the elements one pixel wider than the other two. This script does not compensate for rounding errors.

By: Jan

Jan — Tue, 09 Feb 2010 13:51:22 +0000

I don’t get this. When you design your website you know the width of the page. Why not simple make the calculation done in the JavaScript once and then hard code the size into the CSS? Why the need for JavaScript in the first place? Is this impossible using only CSS?

By: Sean Delaney

Sean Delaney — Tue, 09 Feb 2010 08:50:03 +0000

It would be good if it was a fixed width container the menu item widths changed based on the number of menu items.

For example the container width is 500px (fixed). Each menu item would be resized based on total number of menu items.

For example if 5 menu items, resize each item to 98px. If 4 menu items: 123px and so on…

By: Jamal Aschenbrenner

Jamal Aschenbrenner — Thu, 21 Jan 2010 01:20:35 +0000

Nice post. Keep up the good work

By: Tweets that mention Self-resizing Navigation Menu with jQuery | Codrops -- Topsy.com

Wed, 13 Jan 2010 14:38:05 +0000

[...] This post was mentioned on Twitter by Pinceladas da Web, W3Avenue, Dave Bush, Mike Sprague, Gregorio Espadas and others. Gregorio Espadas said: Bonito truco –>RT @elijahmanor: "Self-resizing Navigation Menu with jQuery" by @Codrops #tech #jquery http://j.mp/8ktZ3D [...]

By: tb

tb — Tue, 12 Jan 2010 17:05:00 +0000

… pretty neat!
However, the ‘slef’ part of of the resizing is a bit misleading though.

Wouldn’t it be truly resizing on its own if it read the width of the parent container or the viewport (if it sits in the window, not being nested in any way)? Just a thought. Thanks.