[DHTML] Slashdot's Menu

**amirinator** · 02-16-2007, 04:10 AM

Hey Folks,

If anyone can help me I would appreciate it. I downloaded the latest version that DimX posted on 10/14 and I'm getting a problem. Here is the javascript error:

titles[hidden[i]] has no properties
restore()menu.js (line 74)
init()menu.js (line 55)
[Break on this error] titles[hidden[i]].className = "titlehidden";

This question was asked before but I didn't see a solution to the problem. If anyone could help I would appreciate it.

TIA

**DimX** · 03-18-2007, 09:51 PM

Okay, I've completly rewritten the script (the OOP way)

.
It's now possible to have more than one menu on a single page.
Also the menu is now easily controllable with various functions.

CSS is also rewritten and menu's HTML structure has changed (no more img's on each title).
Just one thing about CSS, current stylesheet uses the :first-child pseudo class, so in IE6 the first (top) title will look like others (no rounded corners). This is easily fixable by giving the top title some class name or id and using it instead of :first-child.

You can also now make a submenu be collapsed, before even script loads, by giving it appropriate class name.

Info & Demo: http://roboweb.awardspace.com/sdmenu/
Download: http://roboweb.awardspace.com/sdmenu/sdmenu.zip

**jscheuer1** · 03-18-2007, 10:07 PM

Looks very nice!

**Twey** · 03-18-2007, 10:29 PM

Yep, looking good! However, don't create functions inside the constructor. For example:

Code:

function MyObj() {
  this.pr = function() {
    return 3;
  };
}

will create a new function each time a MyObj instance is created, whereas:

Code:

function MyObj() {
}

MyObj.prototype.pr = function() {
  return 3;
};

only creates the function once, then reuses it.

**DimX** · 03-19-2007, 12:11 PM

Thanks Twey

. I've altered the code now.

**ddadmin** · 03-19-2007, 11:03 PM

Great, I'll take a look at the new code soon, and if all is well, update the one on DD to match. Thanks!

**greasycorpse** · 03-21-2007, 12:14 AM

Ive been playing around with the menu, and have it the way I want it...but I am now wondering if there is a way to make the background transparent on the menu so that it will show the page's background underneath. thanks

**greasycorpse** · 03-21-2007, 12:19 AM

Originally Posted by greasycorpse

Ive been playing around with the menu, and have it the way I want it...but I am now wondering if there is a way to make the background transparent on the menu so that it will show the page's background underneath. thanks

nevermind...seems I am too retarded to figure it out on my own before I ask the question haha

**chicagonature** · 03-22-2007, 02:56 AM

As a newbie, I use the DD instructions to get my code to work, but now with the new code and the index.html page, I'm lost.

I wonder if it would be possible to provide instructions like DD does like:
1) Put this in the <head> section
2) Put this other thing in the <body> section and
3) And insert this information for each parameter

One issue I'm having, using the old code that's currently on the DD site is that I want to have the entire menu collapsed upon entry to my website. And, I'm considering having submenus open up into other submenus.

Instructions that show how to set the parameters using the new code would be wonderful!

Thanks so much!

**DimX** · 03-22-2007, 07:02 AM

Originally Posted by chicagonature

... I want to have the entire menu collapsed upon entry to my website. And, I'm considering having submenus open up into other submenus.

To make all menus collapsed by default you must add class="collapsed" to every div inside the menu:

HTML Code:

<div class="collapsed">
    <a href="...">...</a>
    ...
</div>

But it's impossible to have submenus inside submenus in this script!

Thread: [DHTML] Slashdot's Menu

Thread Tools

Search Thread

Bug in Slashdot dynamic menu

Update

editing the menu

Bookmarks

Bookmarks

Posting Permissions