Solved

JQuery Nav Bar Problem

Posted on 2010-08-24
5
455 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
  • 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

What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

Join & Write a Comment

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 describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
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 …

760 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

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now