Again, Thanks, John. I've made the suggested change.

Am having another issue which I've posted about in the forum that is affecting the navbar at the moment. Once I get that figured out, all should be well.

I seem to be having a problem similar to James Hills... when on the homepage of my site, the "BLOG" button on the navbar is selected. The url of my blog is http://blog.timkphotography.com and the smugmug site is www.timkphotography.com. Is there any way to stop it from highlighting the blog link on the homepage?

If there was someway to disable the link from highlighting at all, that would work, because the javascript customization doesn't cause it to highlight on the blog page anyway. I just made that link permanently bold on the blogger site in order to have it look like it was highlighted.

John if you have a moment, would you kindly take a look at my site again?

I have the horizontal bars working okay. Managed to get my navbar and banner on the same line with help from Joe Allen.

Now for some reason whenever I click on another menu item, it gets highlighted with the hortizental bars as it should, but the menu item 'Home' is also highlighted with the bars.. (Please note that the Blog link works but I've not yet modified my blog page to bring you back to my smugmug site.)

If you want me to post the HTML & CSS code, let me know.

Again thanks in advance for any help you can give.

Regards

Originally Posted by ghealy John if you have a moment, would you kindly take a look at my site again? I have the horizontal bars working okay. Managed to get my navbar and banner on the same line with help from Joe Allen. Now for some reason whenever I click on another menu item, it gets highlighted with the hortizental bars as it should, but the menu item 'Home' is also highlighted with the bars.. (Please note that the Blog link works but I've not yet modified my blog page to bring you back to my smugmug site.) If you want me to post the HTML & CSS code, let me know. Again thanks in advance for any help you can give. Regards

You must have copied this code from someone's page because you've hard code the Home item to always be highlighted. Remove the part in red from your navbar:

<li class="navCurrentPageParent navCurrentPageParentExact">
<a class="navCurrentPage navCurrentPageExact" href="/">Home</a></li>

Originally Posted by jfriend You must have copied this code from someone's page because you've hard code the Home item to always be highlighted. Remove the part in red from your navbar: <li class="navCurrentPageParent navCurrentPageParentExact"> <a class="navCurrentPage navCurrentPageExact" href="/">Home</a></li>

Thanks John. That fixed the problem (But then you knew it would. <grin>)

That code was part of a fix that J Allen gave me because my navbar and graphic wouldn't line up. Happily, removing it didn't break the fix that Joe gave. <smile>

Again thanks for the help.

Regards.

Trying to get this dynamic navbar thing going. Used your code but the bars are vertical separators, rather than horizontal above and below the navbar link like in your example.

What am I doing wrong?

Originally Posted by CynthiaM Trying to get this dynamic navbar thing going. Used your code but the bars are vertical separators, rather than horizontal above and below the navbar link like in your example. What am I doing wrong?

See post #40 in this thread and substitute in your own color.

I am also trying to get this to work with my blog in blogger, since it is part of my header links. I get an error with the javascript part... any idea how to fix that? htttp://www.jamiedhouse.com Thanks!

Jamie

Originally Posted by jamiedhouse I am also trying to get this to work with my blog in blogger, since it is part of my header links. I get an error with the javascript part... any idea how to fix that? htttp://www.jamiedhouse.com Thanks! Jamie

I haven't looked at your blog page, but the javascript for this customization (and all of my customizations) relies on functions in the YUI library which are included in the Smugmug site and are not likely included in your blog. They could be written to use generic javascript (it would take more code to recreate the library functions that I'm using), but that isn't something I've done or am planning on doing.

Originally Posted by jfriend I haven't looked at your blog page, but the javascript for this customization (and all of my customizations) relies on functions in the YUI library which are included in the Smugmug site and are not likely included in your blog. They could be written to use generic javascript (it would take more code to recreate the library functions that I'm using), but that isn't something I've done or am planning on doing.

Thanks for your quick response! I understand... Maybe someone else would like to edit the code to work??? Thanks again!

Originally Posted by jamiedhouse Thanks for your quick response! I understand... Maybe someone else would like to edit the code to work??? Thanks again!

Jamie, I had this problem. I stumbled upon a fix that works for me.

In your blog HTML code you have a section entitled '<div id= navcontainer'. In this section you have a number of lines starting with '<li> <a href=', one of which is the menu item for your Blog.

Back up that line to Notepad, MS-Word or whatever works for you. and then replace it with this line of code:

<li class='navCurrentPageParent navCurrentPageParentExact'> <a class='navCurrentPage navCurrentPageExact' href='http://YourBlogNameHere.blogspot.com/'>Blog</a></li>

This will permanently highlight the Blog menu item. When on the Blog we don't need all the testing that John is doing to determine where in the smugmug tree we are. So this works.

My smugmug site is here.
My test blog is here.

Hope this is of help to you.

Please note that if you are using IE as your browser, the banner on the blog is out of kilter. I've still an issue in that my blog banner is not on the left when viewed with IE. But it looks exactly the way I want it when view with Firefox. Hopefully one of the heroes here will be able to tell me what I need to do to fix it. <smile>

Originally Posted by ghealy Jamie, I had this problem. I stumbled upon a fix that works for me. In your blog HTML code you have a section entitled '<div id= navcontainer'. In this section you have a number of lines starting with '<li> <a href=', one of which is the menu item for your Blog. Back up that line to Notepad, MS-Word or whatever works for you. and then replace it with this line of code: This will permanently highlight the Blog menu item. When on the Blog we don't need all the testing that John is doing to determine where in the smugmug tree we are. So this works. My smugmug site is here. My test blog is here. Hope this is of help to you. Please note that if you are using IE as your browser, the banner on the blog is out of kilter. I've still an issue in that my blog banner is not on the left when viewed with IE. But it looks exactly the way I want it when view with Firefox. Hopefully one of the heroes here will be able to tell me what I need to do to fix it. <smile>

Thanks Gene! Everything worked great! Also, thanks for the comment on the blog!

Jamie

Originally Posted by jamiedhouse Thanks Gene! Everything worked great! Also, thanks for the comment on the blog!

Glad it worked out for you, Jamie. That I can give back even a small part for all the help I've received in these forums, makes me a happy man. <smile>

Originally Posted by ghealy This will permanently highlight the Blog menu item. When on the Blog we don't need all the testing that John is doing to determine where in the smugmug tree we are. So this works. <li class='navCurrentPageParent navCurrentPageParentExact'> <a class='navCurrentPage navCurrentPageExact' href='http://YourBlogNameHere.blogspot.com/'>Blog</a></li>

If you just want the blog entry permanently highlighted and don't need any dynamic behavior (which item is highlighted changes according to what page you're on in the blog), then this is indeed a great and simple solution. No javascript is needed. Nice idea Gene.

John,

Thanks so much for taking the time to post this stuff!

I implemented on my site, however I am having one problem.
My site is setup where the I have my client area(a category) hidden from the "Gallery" page. Then I have a menu button that selects a category "Clients" where all of my locked clients galleries are. When you enter one of those galleries, the navbar malfunctions and shows you in "Gallery"

If you go to my site and click on "Client Area" then select "Test Gallery" folder, you can see what happens Any way to make this work for me.

http://www.upcloseimages.com

Thanks
-Tony

Originally Posted by Tony_UCI John, Thanks so much for taking the time to post this stuff! I implemented on my site, however I am having one problem. My site is setup where the I have my client area(a category) hidden from the "Gallery" page. Then I have a menu button that selects a category "Clients" where all of my locked clients galleries are. When you enter one of those galleries, the navbar malfunctions and shows you in "Gallery" If you go to my site and click on "Client Area" then select "Test Gallery" folder, you can see what happens Any way to make this work for me. http://www.upcloseimages.com Thanks -Tony

Try changing the link in your navbar for the Client Area to "http://www.upcloseimages.com/Clients" instead of "http://www.upcloseimages.com/clients" (note the different capitalization).

Originally Posted by jfriend Try changing the link in your navbar for the Client Area to "http://www.upcloseimages.com/Clients" instead of "http://www.upcloseimages.com/clients" (note the different capitalization).

John, You're awesome!! Thank You, that fixed it!!


-Tony

Suppose one has multiple navbars, for example one for homepage and one for galleries. How would one use this dynamic navbar code in such a scenario? Thanks.

Originally Posted by MasterCow Suppose one has multiple navbars, for example one for homepage and one for galleries. How would one use this dynamic navbar code in such a scenario? Thanks.

Without modifying the code, you could put in two copies of the code, one for each navbar. The top line specifies the ID of the navbar so you'd just make that different in each copy. All the functions are local to the code block so there can be two copies of them without problem. If one were designing the code for multiple navbars, it could be done differently, but two copies should work.

John, this is an amazing script and super documentation. Exactly what i'd love to put on my site.

Now my problem is that i can't get it to work. I've read and re-read your instructions and the entire thread here. but somehow i can't see why it doesn't work for me. I tried to trouble-shoot, but it doesn't say a peep.

Could you take a look?
comapedrosa.smugmug.com

I created the Nav bar in EZ setup and the domain name is changed.

THANK YOU!