Solved

JQuery Nav Bar Problem

Posted on 2010-08-24
5
459 Views
Last Modified: 2012-05-10
I have a jQuery nav bar that is working just fine. I would like to make a change to it and have not been able to get it to work.

Currently, when the menu is loaded it highlights the section that the user is in. When the user points their mouse ofer another section, the nav bar has a slider that moves to that section title. What I would like to change if possible would be to have the section highlight remain in place and when the user put their mouse over another section title for the bar to move to highlight that section, but to also leave the original bar in place to keep the section they are in now highlighted. Then of course once they click on the new section and it loads, it will only highlight the newsection.

I have attached my files in a zip file. I am working with classic asp, but due to security restrictions on here, I named the file .html in order to be able to upload it.

I am greatful for any help you guys can provide.
Navbar.zip
0
Comment
Question by:DakotaKat
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
5 Comments
 
LVL 14

Expert Comment

by:R-Byter
ID: 33513380
When I try Your files I dont get the proper menu at all, something is messed up.
What browser do you use?
Can You point me to address where You develop Your project?
Also, You didnt mention that this is a ASP page, not the html.

Look at what I see when i put Your files to server and rename htm to asp.

http://www.bosko.rs/ee/Navbar/index.asp
0
 

Author Comment

by:DakotaKat
ID: 33513792
I'm sorry my bad, Throw this piece of code right under your body tag.

<%
Dim NavBarStartPoint

NavBarStartPoint = "home"
%>
0
 
LVL 14

Accepted Solution

by:
R-Byter earned 500 total points
ID: 33516878
Here You go. Add this line to Your .current_page_item_two a class in css file:

background-color: #eae5da;

You are "telling" the browser to keep #eae5da color at selected menu item and jquery mechanism works as it should. We basically just forced background color on selected item class.

Regards
0
 

Author Closing Comment

by:DakotaKat
ID: 33520448
Thank you so much! I was starting to loose my mind. It helps to have someone fresh look at your stuff.

Thanks again.
0
 
LVL 14

Expert Comment

by:R-Byter
ID: 33520773
You're welcome.
0

Featured Post

Secure Your Active Directory - April 20, 2017

Active Directory plays a critical role in your company’s IT infrastructure and keeping it secure in today’s hacker-infested world is a must.
Microsoft published 300+ pages of guidance, but who has the time, money, and resources to implement? Register now to find an easier way.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction JSON is an acronym for JavaScript Object Notation.  It is a text-string data transport mechanism, capable of representing simple or complex data structures in a consistent and easy-to-read manner.  Similar in concept to XML, but more e…
This article discusses how to implement server side field validation and display customized error messages to the client.
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

730 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question