Skip to main content

Posts

Showing posts with the label Javascript

HTML5-SPA-Survey CRUD Application

Introduction: This is a small HTML5 Survey Single Page Application (SPA), this application is using HTML5s local storage to store the data in JSON format   To Add an Item: View Items: Edit and Delete The code is pretty straightforward which uses the plain Javascript and JQuery in some cases This application is tested in desktop Chrome, Firefox, and Edge browsers successfully.    This application is tested in Mobile browsers successfully.   About the survey:  This application captures the details about a person such as a Name, DOB, Children details, Annual Salary, 2 Wheeler details, 4 wheeler details and their insurance renewal dates, personal insurance renewal dates.    Technical Details:   Mainly uses Javascript, JQuery and Bootstrap The complete code is available at https://github.com/oneananda/HTML5-SPA-Survey/blob/master/HTML5%20SPA%20Survey.html For JSFiddle :  https://jsfiddle.net/oneananda/bs4f6ax0/

Gridview headertemplate with checkbox and client side ( javascript) handling of select all / unselect all

Gridview headertemplate with checkbox and client side handling of select all / unselect all using javascript. courtesy from http://dotnetslackers.com/Community/blogs/kaushalparik/archive/2008/07/16/checkbox-in-headertemplate-to-select-all-checkboxes-inside-a-gridview-using-javascript.aspx Idea and code from this site, I enhached and made small corrections this for my application, according to my requirement Thanks to http://dotnetslackers.com/ for all the code.         <div>         <input type="hidden" id="hdnCheckBoxValue" />             <table>                 <tr>                     <td style="width: 100px;">                         <asp:GridView ID="gvVendorBulletin">                             <Columns>                                 <asp:TemplateField ItemStyle-HorizontalAlign="Center" ItemStyle-VerticalAlign="Middle"                            

To create a User Control for add new rows dynamically using JavaScript, Asp.net, C#

User Control Code AddMore.ascx <% @ Control Language ="c#" Inherits ="Ind.UC.AddMore" CodeFile ="AddMore.ascx.cs" %> < table cellpadding ="0" cellspacing ="0" width ="100%" align ="center" id ="tblAddMore"> < tr > < td align ="right"> < input class ="button" id ="btnAdd" type ="button" value ="Add Row" runat ="server"> < input class ="button" id ="btnDelete" type ="button" value ="Delete Row" runat ="server"> td > tr > < tr style ="display:none"> < td align ="right"> < input class ="button" id ="btnGet" type ="button" value ="Get Values"