1. Discussion Forums
    2. .NET
    3. JQuery
You must Sign In to post a response.
  • Category: JQuery
    Points:5

    Disable anchor should not get clicked ( it should disabled)

    hi ,

    I have below table strucure

    <table>
    <tr>
    <td><a href="#"><label id="manual_attnd">Manual Attendance</label></a></td>
    </tr>
    <tr>
    <td><a href="#"><label id="view_attnd"></label>View</a></td>
    </tr>

    <tr>
    <td><a href="#"><label id="edit_attnd"></label>Edit</a></td>
    </tr>

    </table>

    I want label 'Manual Attendance' to be disabled , means anchor tag should not get clicked on load.

    Thanks .
  • #769915

    Points:4
    Dear Ayesha,

    It can be disabled through front-end also. Find the attached modified code of yours.

    <!DOCTYPE html>

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
    <title></title>
    <style type="text/css">
    a.disabled {
    pointer-events: none;
    cursor: default;
    }
    </style>
    </head>
    <body>
    <form id="form1" runat="server">
    <div>
    <table>
    <tr>
    <td><a href="https://www.google.com/" class="disabled"><label id="manual_attnd">Manual Attendance</label></a></td>
    </tr>
    <tr>
    <td><a href="https://www.google.com/"><label id="view_attnd"></label>View</a></td>
    </tr>
    <tr>
    <td><a href="https://www.google.com/"><label id="edit_attnd"></label>Edit</a></td>
    </tr>
    </table>
    </div>
    </form>
    </body>
    </html>

    Hope this will help you.
    Regards,
    Nirav Lalan
    DNS Gold Member
    "If you can dream it, you can do it."

  • #769943

    Points:3
    keep below style on your page or in external css file
    <style>
    .disabled {
    pointer-events: none;
    cursor: default;
    }

    and call the same with class attribute name in anchor tag as like below

    <a href="#" class="disabled"><label id="manual_attnd">Manual Attendance</label>
    Thanks!
    B.Ramana Reddy


    • Sign In to post your comments
    Submit New Thread
    Return to Return to Discussion Forum

    Top Contributors

    more...

    Email subscription

  • .NET Jobs
  • .NET Articles
  • .NET Forums
    • Articles Rss Feeds
    Forum Rss Feeds

    About dotnetspider.com

    We believe in providing quality content to our readers. If you have any questions or concerns regarding any content published here, feel free to contact us using the Contact link below.

    Quick Links
    General
    Services

    Digital Marketing by SpiderWorks Technologies, Kochi - India. ©