?
Solved

JQuery Nav Bar Problem

Posted on 2010-08-24
5
Medium Priority
?
462 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 2000 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

Create CentOS 7 Newton Packstack Running Keystone

A bug was filed against RDO for the installation of Keystone v3. This guide is designed to walk you through the configuration for using Keystone v3 with Packstack. You will accomplish this using various repos and the Answers file.

Question has a verified solution.

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

Introduction Chart.js, used properly, can visually add a difference to your charting applications. It engages your visitors and allows them to interact with data they otherwise wouldn't be able to without expensive and complicated systems. For this…
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
Suggested Courses
Course of the Month14 days, 4 hours left to enroll

800 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