How to set hover color for LinkButton using jQuery in ASP.Net

nedash

SOLVED CLOSED ACTIVE ANSWERED
User: nedash
Posted: on Mar 24, 2017 10:06 AM
Forum: jQuery and jQuery Plugins
Answer: 2
Views: 6850
Sample Code: Download

hi refer below thread:

http://www.aspforums.net/Threads/759161/how-to-set-hover-for-link-button/

I want do it for two link button:

<div>
    <a id="LinkButton18" class="Lnkgalary1G" href="#">Hello</a>
    <br />
    <span id="Label1" class="lblNM">This is Test</span>
    <div>
        <a id="A1" class="SeccondLink" href="#">Second</a>
        <br />
        <span id="Span1" class="secondLBL">click here</span>

I want do it for two linkbutton how I can do it?

Best regards

neda

dharmend...

0 2

Reply
ANSWER
User: dharmendr
Replied: on Mar 24, 2017 10:14 AM
Modified: on Mar 27, 2017 04:45 AM
Report

Refer the below sample.

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Untitled Page</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $('span').hover(function () {
                $(this).closest('div').find('a').css('color', 'red');
            });
            $('span').mouseleave(function () {
                $(this).closest('div').find('a').css('color', '');
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <div>
            <a id="LinkButton18" class="Lnkgalary1G" href="#">Hello</a>
            <br />
            <span id="Label1" class="lblNM">This is Test</span>
        </div>
        <div>
            <a id="A1" class="SeccondLink" href="#">Second</a>
            <br />
            <span id="Span1" class="secondLBL">click here</span>
        </div>
    </div>
    </form>
</body>
</html>

Demo

nedash

0 3

Reply
User: nedash
Replied: on Mar 25, 2017 09:54 AM
Report

hi dharmendr

I wrote your code but it doesn't work correctly

when I go on each label both linkbutton will change color I want when I go on Click here it change Second color and when I go on This is Test it change Hello color...

Best Regards

neda

dharmend...

0 4

Reply
User: dharmendr
Replied: on Mar 27, 2017 04:46 AM
Report

Hi nedash,

I have modified my previous reply. Refer the below link.

http://www.aspforums.net/Threads/145604/how-to-set-hover-for-2-linkbutton-in-jquery/Replies/2#Replies

nedash

0 5

Reply
User: nedash
Replied: on Mar 27, 2017 09:33 AM
Report

hi dharmendr

I wrote your code for imagebutton and linkbutton but it doesn't work

  <script type="text/javascript">
        $(function () {
            $('ImageButton').hover(function () {
                $(this).closest('div').find('LinkButton').css('color', 'red');
            });
            $('ImageButton').mouseleave(function () {
                $(this).closest('div').find('LinkButton').css('color', '');
            });
        });
    </script>

dharmend...

0 6

Reply
User: dharmendr
Replied: on Mar 27, 2017 10:06 AM
Report

Share the html.

How to set hover color for LinkButton using jQuery in ASP.Net

Company

Explore

Follow us

Contact Us