Can anyone help me do this

[developing]

How do i get a navigation like this on this website: http://www2.goldmansachs.com/

i have tried pasting all the code/js files but i cant get this navigation to work its really frustrating!!!

[traq]

do you mean copy/paste code from that website? did you see this part?

<!--COPYRIGHT 1997-2005 WEBSIDESTORY,INC. ALL RIGHTS RESERVED. U.S.PATENT No. 6,393,479B1. MORE INFO:http://websidestory.com/privacy-->

[developing]

No i dont want to copy it just like that, i want to mod my own version, im new to javascript, and i thought this would be a great navigation to have on my site. I did contact them about possibly buying just the nav but no reply!!

[Medyman]

No i dont want to copy it just like that, i want to mod my own version, im new to javascript, and i thought this would be a great navigation to have on my site. I did contact them about possibly buying just the nav but no reply!!

I doubt you're going to have any success with that.

The website is very interesting. I've seen hundreds of websites with similar navigation made in Flash. This is the first time I'm seeing it done with javascript. I have to say, I much like this apprach to Flash (for SEO reasons).

Anyway, nothing too complicated is going on there. My biggest advice to you would be to break it down and do it step-by-step.

You might want to take a look at this menu as the same principal applies here.

For this kind of application of javascript though, you'd be doing yourself a huge favor by learning some jQuery. It'll make your javascripting 200x easier. That's the route I'd go.

[developing]

thanks for replying, i think the hardest problem would be too have an overlay darken the screen when i rollOver the tabs

[Medyman]

thanks for replying, i think the hardest problem would be too have an overlay darken the screen when i rollOver the tabs

Again, take a look at jQuery. It's not as hard as you might think. There are two ways of doing this:

1. Create a black .png image that is 50% transparent and overlay over the background. Initially, set this to display:none via CSS. Then, with jQuery, either fade it in or change the CSS to display:block.

There are very easy jQuery calls to do all of these things. It'll take 1 or 2 lines of code, that's it.

2. Create an image that is darker. When you rollover the tabs, change the css of the div that contains the background to use the darker image. Also, change the CSS of the rest of the divs to use darker colors. This way is probably more IE6 safe as IE6 doesn't support transprent .png files (without some extra effort).


Like I said, break it down into pieces and consult the jQuery docs often. You'll get it!