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

    Today
      Last 7 Days

        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. ©