highlight selected hyperlink

Question

0.00/5 (No votes)

See more:

I have many links among which I want to highlight the link which is selected in asp.net.I want to show that particular link is selected by diffrent color among many link.

Can you give me any idea to do this?

Thanks in advance

Posted 7-Sep-10 19:27pm

diptichalke2010

Updated 8-Sep-10 1:46am

v2

Add a Solution

2 solutions

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)

Al-Farooque Shubho · Answer 1 · 2010-09-07T19:36:00

Solution 1

You need to set Hyperlink colors for different states using CSS as follows

CSS

<style type="text/css">
a:link {
COLOR: #0000FF;
}
a:visited {
COLOR: #800080;
}
a:hover {
COLOR: #FF0000;
}
a:active {
COLOR: #00FF00;
}
</style>

Posted 7-Sep-10 19:36pm

Al-Farooque Shubho

Comments

diptichalke2010 8-Sep-10 7:44am

Reason for my vote of 3
it's not keeping the constant focus on active link if u click anywhere on the page the color will lost.

mahakgupta · Answer 2 · 2010-09-11T06:46:00

With the help of JavaScript, please try this:

Step1:- In my case, there are three HyperLink(a1,a2,a3)in my .aspx page. Suppose, we want to set the color (a1:-Red, a2:- Green, a3:-Blue) on the click of the button (onclick).

XML

<a id="a1" onclick="showred()">Red</a><br />
<a id="a2" onclick="showgreen()">Green</a><br />
<a id="a3" onclick="showblue()">Blue</a>

Step2:- In the head part, we specify the JavaScript function:-

JavaScript

function showred()
{
document.getElementById('a1').style.color='Red';
}
function showgreen()
{
 document.getElementById('a2').style.color='Green';
}
function showblue()
{
 document.getElementById('a3').style.color='Blue';
}