Log in

View Full Version : Can anyone help me do this


developing
05-11-2008, 11:25 PM
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
05-12-2008, 03:15 AM
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
05-12-2008, 08:45 AM
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
05-12-2008, 12:59 PM
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 (http://www.dynamicdrive.com/dynamicindex1/ddtabmenu.htm) 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 (http://jquery.com/). It'll make your javascripting 200x easier. That's the route I'd go.
developing
05-12-2008, 01:04 PM
thanks for replying, i think the hardest problem would be too have an overlay darken the screen when i rollOver the tabs
Medyman
05-12-2008, 01:16 PM
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!