Posts

Showing posts with the label JQuery

Jquery Datatable - Pagination

 <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta http-equiv="Content-Language"> <meta http-equiv="Content-Type" content="text/html"> <meta name="author" content="Bhavin Patel" />   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script> <script type="text/javascript" src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script> <script type="text/javascript" src="https://cdn.datatables.net/1.10.20/js/dataTables.bootstrap4.min.js">...

ASP.Net - Save Data in SQL Server Database with jQuery AJAX - C#

Enquiry.aspx <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server">     <title></title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript" src="http://cdn.jsdelivr.net/json2/0.1/json2.js"></script> <script type="text/javascript">     $(function () {         $("[id*=btnSave]").bind("click", function () {             var user = {};             user.FullName = $("[id*=txtFullName]").val();             user.Address = $("[id*=txtAddress]").val();             user.City = $("[id*=txtCity]").val();             user.State = $("[id*=txtState]").val();             user.Locality = $("[id*=txtLocality]").val();     ...

JQuery - Export to Excel

<script type="text/javascript">     $(document).ready(function () {         $("#btnExport").click(function (e) {             window.open('data:application/vnd.ms-excel,' + $('#example').html());             e.preventDefault();         });     }); </script> <input type="button" id="btnExport" value=" Export Table data into Excel " />

JQuery - Calculation : + ADD - SUBSTRACT

<h2>* All prices are in $USD</h2> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script> <div name="stillrender" style="width:100%;border-bottom: 1px solid grey;float: left;margin-bottom: 2%;"> <h1>Still Renders</h1> <div class="quantity" style="float: left;"> <h2>Quantity</h2> <br> <input type="text" name="stillquantity" id="stillquantity"/> </div> <div class="quality" style="float: left; padding-left: 3%;"> <h2>Unit Price</h2> <span>$1500</span> </div> <div class="stilltottal" style="float: right;"> <h2>Total</h2> <br> <input name="stilltottal" id="stilltottal" /> </div> </div> <div name="animation" style="wid...

ASP.net - CheckListBox & JQuery Validation

     <asp:CheckBoxList ID="FamilyMemberCheckBoxList" runat="server" required = "required" ForeColor="Blue" Visible="false">      </asp:CheckBoxList> <script type="text/javascript">     function ValidateCheckBoxList(sender, args) {         var checkBoxList = document.getElementById("<%=FamilyMemberCheckBoxList.ClientID %>");         var checkboxes = checkBoxList.getElementsByTagName("input");         var isValid = false;         for (var i = 0; i < checkboxes.length; i++) {             if (checkboxes[i].checked) {                 isValid = true;                 break;             }         }         args.IsValid = isValid;     } </script>