smithvoice.com
 Y'herd thisun? 

“If someone asks me the question “Why are you interested in space?” the only answer I can give is “Why aren’t you?””
-Jeff Greason, President of XCOR


from Jeff Greason SpaceNews Profile

Abuse of Power (jquery)

TaggedCoding

B> i need...

S> how bout...

B> a start

S>dont show a priest

B>efem ;)

<%@ Page Language="C#"  %>
<%@ Import Namespace="System" %>
<%@ Import Namespace="System.Web.UI" %>

<!DOCTYPE html>
<script runat="server">
    protected void Page_Load(object sender, EventArgs e)
    {
        Response.AddHeader("X-UA-Compatible", "IE=Edge");
        InitJQ();
    }

    private void InitJQ()
    {
        string scriptId = "dtscr";
        string scriptCode = @"var txt = $('#" + txtTest.ClientID + "');";
        scriptCode += "var ddl = $('#" + ddl.ClientID + "');";
        scriptCode += @"$(ddl).on('change', function () {
            txt.css({ 'background-color': '' });
            txt.val('');
            var selected = $(ddl).find("":selected"");
            $(txt).off('keyup blur');
            switch(selected.val()){
                case 'month (mm)':
                    $(txt).on('keyup blur', function () {
                        var value = parseInt($(txt).val(), 10);  
                        if (!isNaN(value) && value >= 1 && value <= 12) {
                            $(txt).val(value);
                        }
                        else {
                            $(txt).val(1);
                        }                        
                    });
                    break;
                case 'number 0 to 100':
                     $(txt).on('keyup blur', function () {
                        var value = parseInt($(txt).val(), 10);  
                        if (!isNaN(value) && value >= 0 && value <= 100) {
                            $(txt).val(value);
                        }
                        else {
                            $(txt).val(0);}                        
                        });
                    break;
                case 'full date (mm/dd/yyyy)':
                    if($(txt).val() == '')
                    {
                        $(txt).val('mm/dd/yyyy');
                    }
                    function highlightErr(isError){
                        if(isError) 
                        {
                            txt.css({ 'background-color': 'red' });
                        }    
                        else
                        {
                            txt.css({ 'background-color': '' });
                        } 
                    }
                    function valiDate(value) {
                        var dtRgx = new RegExp(/\b\d{1,2}[\/]\d{1,2}[\/]\d{4}\b/);
                        if(!dtRgx.test(value))
                        {return false;}
                        var dt = new Date(Date.parse(value)); 
                        var dtParts = value.split(""/""); 
                        return ( 
                            dt.getMonth() == dtParts[0]-1 && 
                            dt.getDate() == dtParts[1] && 
                            dt.getFullYear() == dtParts[2] 
                        );    
                    };
                    highlightErr(!valiDate($(txt).val()));
                    $(txt).on('blur keyup', function () {
                        var value = $(txt).val();  
                        highlightErr(!valiDate(value));
                   });
                   break;
                }
            });";
        ScriptManager.RegisterStartupScript(this.Page, this.Page.GetType(), scriptId, scriptCode, true );
    }
  
</script>


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>fun with options</title>
    <!--[if lt IE 9]><script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script><![endif]-->
    <!--[if IE 9]><!--><script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script><!--<![endif]-->
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:DropDownList ID="ddl" runat="server">
        <asp:ListItem Text="- Choose an option -"></asp:ListItem>
        <asp:ListItem Text="month (mm)"></asp:ListItem>
        <asp:ListItem Text="full date (mm/dd/yyyy)"></asp:ListItem>
        <asp:ListItem Text="number 0 to 100"></asp:ListItem>
    </asp:DropDownList>
        &nbsp;&nbsp;
        <asp:TextBox ID="txtTest" runat="server"></asp:TextBox>
        <asp:TextBox ID="txtForBlur" runat="server" Text="use this to force blur"></asp:TextBox>
    </div>
    </form>
</body>
</html>


aka this.




home     who is smith    contact smith     rss feed π
Since 1997 a place for my stuff, and it if helps you too then all the better smithvoice.com