current page link style

Question

0.00/5 (No votes)

See more:

I have a dynamic menu that an admin can edit it it is declared in a single page that redirect itself every time a menu item is clicked and change the query string. how could i change the css style of such a menu note that if a sub menu clicked the parent one should be set as current thanks

Posted 7-Aug-13 21:43pm

Hidhoud1991

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Ankur^\m/ · Answer 1 · 2013-08-07T22:06:00

Solution 1

Create 2 CSS classes say 'menuselected' and 'menunotselected'. Style the first one in the way you want selected menu to be shown and the other one for non selected menu.
When the user selects a menu, change it's css class to 'menuseleted' and all other menu will have class 'menunotselected' by default.

Hope that helps!

Posted 7-Aug-13 22:06pm

Ankur^\m/

Updated 7-Aug-13 22:07pm

v2

Comments

[no name] 8-Aug-13 4:16am

all the menu links redirect the same page but change the query string ID

Ankur^\m/ 8-Aug-13 4:46am

Let it be the same page. If the elements have different CSS class, the styles for them will be different.

[no name] 8-Aug-13 5:02am

i know but all the menu calls the page index.aspx?parm=.... where the query string differs on every menu item so i need a javascript thet tell me the link where it is and give the parent menu a current css style. thanks

Ankur^\m/ 8-Aug-13 5:23am

Do you have ASP.NET menu control? As soon as you click, it must be posting back, right? If the control is accessible on server you can assign a CSS to it there
About the JavaScript part, it could be useful only when you wouldn't have posted back the page to server. Once the page is posted back the retrieved value using JavaScript is gone.
I am not very sure about how you are doing it.

[no name] 8-Aug-13 5:35am

the menu is dynamic it is viewed in a <ul> that has jquery for hiding and viewing the subs the items of the menu is taken from a datalist that read them from the database so i didnt use the asp menu since the i have a template i should use

Ankur^\m/ 8-Aug-13 5:43am

Everything in asp.net will be finally rendered as html only. So you are creating the menu using datalist. In the item data bound event, get the selected item and assign it a css class.