Decorate the link at run time

Question

0.00/5 (No votes)

See more:

I have a website containing various links(anchors) in a row....

My aim is to bold and underline the link clicked by the user at run time by adding some styles on it on the fly

so kindly give me some sample code of how to do that?

Posted 11-Jan-12 6:14am

Mohammad Azeem

Updated 11-Jan-12 6:44am

Tarakeshwar Reddy

v2

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)

fjdiewornncalwe · Answer 1 · 2012-01-11T06:22:00

Solution 1

This is one good way to do it. Use JQuery to Decorate Links[^]

Posted 11-Jan-12 6:22am

fjdiewornncalwe

Comments

Mohammad Azeem 11-Jan-12 12:53pm

i have followed the link and make something like this:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<script src="Scripts/jquery-ui.min.js" type="text/javascript"></script>
<script src="Scripts/jquery.min.js" type="text/javascript"></script>
<title></title>
<script type="text/javascript">
$(document).ready(function () {
$(document).find('a').click(function () {
$(this).css("font-weight", "bold");
});
});
</script>
<style type="text/css">
</style>
</head>
<body>
<form id="form1" runat="server" >
<div>
SImple
</div>
</form>
</body>
</html>
But the problem i am facing with it...

When ever the is clicked than my link becomes bold for just a fractions of seconds and after the page reloads or navigates to the link given in href the boldness dissappears..............

Even if the href points to the same page

fjdiewornncalwe 11-Jan-12 13:44pm

When a page is posted back, you will lose anything in your page state unless you keep track of those values either through the postback or through cookies, etc.

Mohammad Azeem 11-Jan-12 13:57pm

@Marcus Kramer so plz tell me some sort of solution to fix this problem

fjdiewornncalwe 11-Jan-12 16:42pm

I already did. Use either a cookie set using javascript to control the current state of the link, or use the code behind to maintain knowledge of the link's state between calls.