Category: HTML

31 Mar 2017 12:40

Joined:	27/01/2008
Level:	Gold
Points:	765

Points:	3

On click of html.actionlink change the hyperlink colour

i have html.actionlink like this
<%=Html.ActionLink("click here", "tes", "test", new{filename="a"}, new {@class="", @target="_blank", onclick=TestMethod('"param value"')})%>

function TestMethod(param)
{
ajax call here
}

I have hyperlink value as 'Click here' with a default colour. Now on click of 'Click here' i need to change the color to gray. How to achieve this

#769137

31 Mar 2017 12:45

Joined:	18/12/2008
Level:	Gold
Points:	2921

Points:	4

Hi,

There are many easy approaches we can make this work out,


@Html.ActionLink("WareHouse", "WareHouseIndex", "Admin", null, new {style = "color:grey"});

There is also a dynamic way,


 Html.ActionLink("My Link", "MyAction", null, new { @class = "my-class" }) . Then create a CSS a.my-class { color: #333333 } a.my-class:active { color: #fffffff} a.my-class:link { color: #3333 } a.my-class:visited { color: #CCCCCC }

So color can be taken dynamically with the help of CSS.

Thanks,
Mani

#769155

05 Apr 2017 11:43

Joined:	13/06/2007
Level:	Gold
Points:	21327

Points:	4

Basically has the browser has the ':visited' pseudo class from which if any link is clicked, its color changes to brown from blue, now if you want to change it to some custom color then you can try below JQuery snippet


$('a').click(function(){
      $(this).addClass("visited");
});

//and the CSS
a{
color:#000;
text-decoration:none;
}

a.visited{
color:#205081;
}

....
  ....
  < script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>// import jQuery
  < script>
  enter the script here..
  < /script>
  < /body>

hope it helps

Thanks
Koolprasd2003
Editor, DotNetSpider MVM
Microsoft MVP 2014 [ASP.NET/IIS]

On click of html.actionlink change the hyperlink colour

About dotnetspider.com

Quick Links

General

Services