Monday, May 26, 2014

jquery textbox,label, a tag hide and show with ID

1) <script type="text/javascript" language="javascript">
        function changepassword() {
            var txtPassword = $("[id*=txtpassword]");
            txtPassword.show();
            var lblpassword = $("[id*=lblpassword]");
            lblpassword.hide();
            var idchangepassword = $("[id*=idchangepassword]");
            idchangepassword.hide();
            var idcancel = $("[id*=idcancel]");
            idcancel.show();
            var idsave = $("[id*=idsave]");
            idsave.show();
        }
        function cancelpassword() {
            var txtPassword = $("[id*=txtpassword]");
            txtPassword.hide();
            var lblpassword = $("[id*=lblpassword]");
            lblpassword.show();
            var idchangepassword = $("[id*=idchangepassword]");
            idchangepassword.show();
            var idcancel = $("[id*=idcancel]");
            idcancel.hide();
            var idsave = $("[id*=idsave]");
            idsave.hide();
        }
        function savepassword() {
            var txtPassword = $("[id*=txtpassword]");
            alert(txtPassword.val());
        }
    </script>

2)    <asp:Label ID="lblpassword" runat="server" Text="Shekhar123"></asp:Label>
                    <input id="txtpassword" type="text" style="display: none;" />
                    <a id="idchangepassword" href="javascript:changepassword();" style="text-decoration: none;
                        color: #15c;">Change Password</a> <a id="idsave" href="javascript:savepassword();"
                            style="display: none; text-decoration: none; color: #15c;">Save </a><a id="idcancel"
                                href="javascript:cancelpassword();" style="display: none; text-decoration: none;
                                color: #15c;">Cancel</a>

No comments:

Post a Comment