Pages

Friday, 4 November 2011

Double mouse-click event for RadioButtonList

The following jquery script will uncheck the selected radio button item when double clicking on it.



<asp:RadioButtonList ID="RadioButtonList1" runat="server">
    <asp:ListItem Text="One" Value="1"></asp:ListItem>
    <asp:ListItem Text="Two" Value="2"></asp:ListItem>
    <asp:ListItem Text="Three" Value="3"></asp:ListItem>
</asp:RadioButtonList>
<script type="text/javascript" src="Scripts/jquery-1.4.2-vsdoc.js"></script>
<script type="text/javascript">          
    $(document).ready(function () {
        $('#<%= RadioButtonList1.ClientID %>').dblclick(function () {
            $('#<%= RadioButtonList1.ClientID %> input:radio:checked').each(function () {
                $(this).attr('checked', false);
            });
        });
    });        
</script>

Friday, 14 October 2011

How to use OnTextChanged event in TextBox

TextBoxOnTextChanged.aspx

<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">
    protected void TextBox1_TextChanged(object sender, System.EventArgs e)
    {
        TextBox2.Text = TextBox1.Text;
    }
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>How to use OnTextChanged event in TextBox</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:Red">TextBox Example: OnTextChanged</h2>
        <asp:Label
             ID="Label1"
             runat="server"
             Text="Email"
             >
        </asp:Label>
        <asp:TextBox
             ID="TextBox1"
             runat="server"
             AutoPostBack="true"
             OnTextChanged="TextBox1_TextChanged"
             >
        </asp:TextBox>
        <br /><br />
        <asp:Label
             ID="Label2"
             runat="server"
             Text="Confirm Email"
             >
        </asp:Label>
        <asp:TextBox
             ID="TextBox2"
             runat="server"
             BackColor="LightGoldenrodYellow"
             ForeColor="Crimson"
             >
        </asp:TextBox>
    </div>
    </form>
</body>
</html>









Click Here!

Thursday, 13 October 2011

Javascript validate positive integer value with decimal places

This javascript function will allow user to enter integer value with decimal places.

This JavaScript function you can all in onkeypress event of the textbox and it will validate the user entered value in client side.





function allowPositiveNumber(e) {
            var charCode = (e.which) ? e.which : event.keyCode
  
            if (charCode > 31 && (charCode < 46 || charCode > 57 )) {
                return false;
            }
            return true;
 
}

And Below is the HTML Text Box code



<input name="myTextBox" onkeypress="return allowPositiveNumber(event);" /><br>

Extended ASCII Codes


ASCII Table and Description