Thursday 20 September 2012

JavaScript Funtion for Validation textbox on onkypress

 <script language="javascript" type="text/javascript">
        function isCurrency(evt, txtid) {
            var charCode = (evt.which) ? evt.which : event.keyCode
            var ctrl = document.getElementById(txtid)
            if (ctrl.value.indexOf('.') == -1 && charCode == 46)
                true;
            else if (charCode > 31 && (charCode < 48 || charCode > 57)) {
                alert(" you can enter Only Numeric character..!!!");
                return false;
            }
            return true;
        }
        function CheckDate(sender, args) {
            if (sender._selectedDate > new Date()) {
                alert("Please Select Valid Birth Date...!!");
                sender._selectedDate = new Date();
                sender._textbox.set_Value(sender._selectedDate.format(sender._format));
            }
        }
        function OnlyAlphabets(evt) {
            var charCode = (evt.which) ? evt.which : event.keyCode
            if ((charCode >= 97 && charCode <= 122) || (charCode >= 65 && charCode <= 90) || (charCode <= 32))
                true;
            else {
                alert("Only Alhaphet Characters Are Allowed To Enter..!!!");
                return false;
            }
            return true;
        }

        function DisableButton(buttonElem) {
            buttonElem.value = "Please Wait....";
            buttonElem.disabled = true;

        }
        function isName(evt, txtid) {
            var charCode = (evt.which) ? evt.which : event.keyCode
            var ctrl = document.getElementById(txtid)
            if ((charCode >= 65 && charCode <= 90) || (charCode >= 97 && charCode <= 122) || (charCode == 32) || (charCode == 46)) {
                return true;
            }
            else
                alert("You Can Enter Only Alphabets,Space,Or Dot(.)");
            return false;
        }
        function isNumberKey(evt) {
            var charCode = (evt.which) ? evt.which : event.keyCode
            if (charCode > 31 && (charCode < 48 || charCode > 57)) {
                alert("you can enter Only Numeric character..!!!");
                return false;
            }
            return true;
        }
        function isPhoneNo(evt) {
            var charCode = (evt.which) ? evt.which : event.keyCode
            if (charCode == 45) return true;
            if (charCode > 31 && (charCode < 48 || charCode > 57)) {
                alert("you can enter Only Numeric characters and '-' ...!!!");
                return false;
            }
            return true;
        }

        function NoNumberKey(evt) {
            var charCode = (evt.which) ? evt.which : event.keyCode
            if (charCode >= 48 && charCode <= 57) {
                alert("Digits are not allowed..!!!");
                return false;
            }
            return true;
        }

    </script>
example
<html>
<head>
</head>
<body>
<table>
<tr>
 <td>
     <asp:TextBox ID="txtBpin" runat="server" CssClass="txt" Height="18px" onkeypress="return isNumberKey(event);"
         Width="128px" MaxLength="6" />
      </td>
<td>
<asp:TextBox ID="txtBfax" runat="server" onkeypress="return isPhoneNo(event);" CssClass="txt"
                                        MaxLength="10" Height="18px" Width="128px" />
 </td>
<td align="left">
 <asp:TextBox ID="txtTotalCost" runat="server" CssClass="txt" Enabled="False" Height="18px"
                                        onkeypress="return isCurrency(event,this.id);" Width="116px" />
 </td>
</tr>
</table>
</body>
</html>
Posted by at No comments:

Friday 7 September 2012

Print and Print preview of webpage in Asp.net

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

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" language="javascript">
function displayMessage(printContent) {
var inf = printContent;
win = window.open("print.htm", 'popup', 'toolbar = no, status = yes, scrollbars=1');
win.document.write(inf);
win.document.close(); // new line
}
</script>
<style type="text/css" media="screen">
.PrintButton{
display:block;
}
    .style1
    {
        width: 1180px;
        height: 516px;
    }
    .style2
    {
        width: 1184px;
        height: 768px;
    }
</style>
<style type="text/css" media="print">
.PrintButton{
display:none;
}
</style>
     <script type="text/javascript">
         function revertback() {
             window.close();
         }
         window.onafterprint = revertback
     
</script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
    <div id="printarea"><br />
    <center>
        <img alt="" class="style1" src="Images/Chrysanthemum.jpg" /><br />
        <img alt="" class="style2" src="Images/Desert.jpg" /><br />
        ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd<br />
        fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br />
        fffffffffffffffffffffffffffffffffffffffffffff<br /></center>
        </div>
    <a href="javascript:void();" onclick="displayMessage(printarea.innerHTML)">Print Preview</a>
        <br />
        <br />
    </div>
    <input id="btnPrint" type="button" value="Print" class="PrintButton" onclick="window.print();" />
    </form>
</body>
</html>
Posted by at No comments:

Wednesday 5 September 2012

User Control For DataPager in Gridview and select all rows with one checkbox


<%@ Control Language="C#" AutoEventWireup="true" CodeFile="gridPager.ascx.cs" Inherits="Common_gridPager" %>

<div class="DDPager"  >
<span >
       <asp:Label ID ="lblCount" runat ="server" Text =""   style="margin-left:5px"/>
     
    </span>
    <span class="DDFloatLeft" style= "margin-left:10px" >

        <asp:ImageButton AlternateText="First page" ToolTip="First page" ID="ImageButtonFirst" runat="server" ImageUrl="~/Images/PgFirst.gif" Width="8" Height="9" CommandName="Page" CommandArgument="First" CausesValidation ="false"  />
        &nbsp;

        <asp:ImageButton AlternateText="Previous page" ToolTip="Previous page" ID="ImageButtonPrev" runat="server" ImageUrl="~/Images/PgPrev.gif" Width="5" Height="9" CommandName="Page" CommandArgument="Prev"  CausesValidation ="false"/>
        &nbsp;
        <asp:Label ID="LabelPage" runat="server" Text="Page " AssociatedControlID="TextBoxPage" />

        <asp:TextBox ID="TextBoxPage" runat="server" Columns="5" AutoPostBack="true" ontextchanged="TextBoxPage_TextChanged" Width="20px" CssClass="DDControl" />
        of

        <asp:Label ID="LabelNumberOfPages" runat="server" />
        &nbsp;&nbsp;

        <asp:ImageButton AlternateText="Next page" ToolTip="Next page" ID="ImageButtonNext" runat="server" ImageUrl="~/Images/PgNext.gif" Width="5" Height="9" CommandName="Page" CommandArgument="Next"  CausesValidation ="false" />
        &nbsp;&nbsp;

        <asp:ImageButton AlternateText="Last page" ToolTip="Last page" ID="ImageButtonLast" runat="server" ImageUrl="~/Images/PgLast.gif" Width="8" Height="9" CommandName="Page" CommandArgument="Last" CausesValidation ="false" />
    </span>

    <span class="DDFloatRight">

        <asp:Label ID="LabelRows" runat="server" Text="Results per page:" AssociatedControlID="DropDownListPageSize" />
     
        <asp:DropDownList ID="DropDownListPageSize" runat="server" AutoPostBack="true" CssClass="DDControl" onselectedindexchanged="DropDownListPageSize_SelectedIndexChanged" >
          
            <asp:ListItem Value="5" />
            <asp:ListItem Value="10" />
            <asp:ListItem Value="25" />
            <asp:ListItem Value="50" />
                <asp:ListItem Value="100" />
                       <asp:ListItem Value="200" />
                       <asp:ListItem Value="500" />
                       <asp:ListItem Value="1000" />
                       <asp:ListItem Text="All" Value="1001" />
        </asp:DropDownList>
    </span>
   
    <span style="margin-left:10px">
    <asp:Label ID="lblcountrecord"  runat="server" >
   
    </asp:Label>
   
      </span>
  
</div>

Gridview coding


<head runat="server">
    <title></title>
    <link href="css/screen.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:GridView ID="grd_Event" runat="server" DataSourceID="SqlDataSource1" 
            Height="173px" onrowcreated="grd_Event_RowCreated" Width="850px"
            EmptyDataText="No record exist"
            onselectedindexchanged="grd_Event_SelectedIndexChanged" PageSize="5"
            ShowFooter="True">
            <Columns>
               <asp:TemplateField>
               <HeaderTemplate>
                 <ItemTemplate>
               <asp:CheckBox ID="checbox1" runat="server" AutoPostBack="True"
                         oncheckedchanged="checbox1_CheckedChanged" />
               </ItemTemplate>
               </HeaderTemplate>
               <ItemTemplate>
               <asp:CheckBox ID="checbox2" runat="server" />
               </ItemTemplate>
               </asp:TemplateField>
            </Columns>
        </asp:GridView>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server"
            ConnectionString="<%$ ConnectionStrings:Silverlight_TestConnectionString %>"
            SelectCommand="SELECT * FROM [emp]"></asp:SqlDataSource>
    </div>
    </form>
</body>
</html>
CSS

             .mGrid { width: 100%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #c1c1c1; border-collapse:collapse; }
    .mGrid td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; }
    .mGrid th { padding: 4px 2px; color: #41519A; background-color:#a8dbf6;  }
.mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }
.mGrid .pgr {background: #424242 url(grd_pgr.png) repeat-x top; }
    .mGrid .pgr table { margin: 5px 0; }
    .mGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }  
    .mGrid .pgr a { color: #666; text-decoration: none; }
    .mGrid .pgr a:hover { color: #000; text-decoration: none; }
Posted by at No comments:

Calculating GridView total using JavaScript/JQuery 

 <script src="../js/jquery-1.5.1.js" type="text/javascript"></script>
   
    <script type="text/javascript" language="javascript">

        function hideLabel(sender, e) {
            document.getElementById('<%=lblResult.ClientID%>').style.display = 'none';
        }


        $(document).ready(function () {

            $(".Calculate").each(function () {

                $(this).keyup(function () {
                    calculateSum();

                });
            });

        });
        function calculateSum() {
            var MaintenanceValue = 0;
            $(".Calculate").each(function () {

                if (!isNaN(this.value) && this.value.length != 0) {
                    MaintenanceValue += parseFloat(this.value);
                }
            });
            $("#lbl_tamount").html(MaintenanceValue.toFixed(2));
        }
    </script>

<asp:GridView ID="grd_Maintenance" Width="100px" runat="server" AutoGenerateColumns="False"
                            ShowFooter="True" GridLines="None" OnRowCommand="grd_Maintenance_RowCommand"
                            OnRowDataBound="grd_Maintenance_RowDataBound" Height="134px"
                            onselectedindexchanged="grd_Maintenance_SelectedIndexChanged">
                            <Columns>
                                <asp:TemplateField HeaderText="Maintenance Parameter" HeaderStyle-CssClass="textAlignC">
                                    <FooterTemplate>
                                        <center>
                                            <asp:Label ID="lblResult" runat="server" Text="Sum :"></asp:Label>
                                        </center>
                                    </FooterTemplate>
                                    <ItemTemplate>
                                        <div class="m_left5px">
                                            <asp:TextBox ID="txt_Parameter" Text='<%# Eval("MaintenanceParameter") %>'
                                                runat="server"></asp:TextBox><br />
                                          
                                        </div>
                                    </ItemTemplate>
                                    <HeaderStyle CssClass="textAlignC" />
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Maintenance Value" HeaderStyle-CssClass="textAlignC">
                                    <FooterTemplate>
                                        <center>
                                        <asp:Label ID="lbl_tamount1" runat="server"></asp:Label>
                                            <label id="lbl_tamount">
                                             
                                            </label>
                                        </center>
                                    </FooterTemplate>
                                    <ItemTemplate>
                                        <div class="m_left5px">
                                      
                                            <asp:TextBox ID="txt_Value" Text='<%# Eval("MaintenanceValue","{0:0}") %>' CssClass="Calculate"
                                                runat="server" onkeypress="hideLabel(this, event)"  ontextchanged="txt_Value_TextChanged"></asp:TextBox>
                                           
                                            <br />
                                          
                                        </div>
                                    </ItemTemplate>
                                    <HeaderStyle CssClass="textAlignC" />
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Delete" HeaderStyle-CssClass="textAlignC">
                                    <FooterTemplate>
                                        <center>
                                            <asp:Button ID="btnAddMoreFamily" OnClick="Add_New_Row_Family" runat="server" Text="Add New Row" /></center>
                                    </FooterTemplate>
                                    <ItemTemplate>
                                        <div>
                                            <center>
                                                <asp:ImageButton ID="imggridmaintenance" AlternateText="Delete" runat="server" ImageUrl='<%$ appSettings:Delete %>'
                                                    CommandName="DeleteRow" />
                                            </center>
                                            <br />
                                            <asp:Button ID="btnDelete" CommandName="DeleteRow" runat="server" Text="Delete" Visible="false" />
                                            <br />
                                        </div>
                                    </ItemTemplate>
                                    <HeaderStyle CssClass="textAlignC" />
                                </asp:TemplateField>
                            </Columns>
                        </asp:GridView>
Posted by at No comments:
Subscribe to: Posts (Atom)