JSFiddle

  • Dynamic Input Total Calc #4 is the latest revision

    jQuery 1.9.1, HTML, CSS, JavaScript

    $(document).ready(function(){ 
        var counter = 2;
     
        $("#addButton").click(function () {
     
            if(counter>10){
                    alert("Only 10 textboxes allowed");
                    return false;
            }   
         
            var ...
  • Cooz Angular

    AngularJS 1.2.1, HTML, CSS, JavaScript

    var app = angular.module('app', ["angucomplete-alt"]);
    
    app.controller('MainController',  function($scope) {
    
    
        $scope.countries = [
            {name: {
            'key':'1','tel':'tel'
            },name: {
            'key ...
  • Cooz Angular

    AngularJS 1.2.1, HTML, CSS, JavaScript

    var app = angular.module('app', ["angucomplete-alt"]);
    
    app.controller('MainController',  function($scope) {
    
    
        $scope.countries = [
            {name: {
            'key':'1','tel':'tel'
            },name: {
            'key ...
  • AngularJS: Cart example

    AngularJS 1.0.3, HTML, CSS, JavaScript

    function CartForm($scope) {
      $scope.invoice = {
        items: [{
          number:1001,
          name:'abc',
          description: 'item',
          cost: 9.95,
          tax: 3.6,
          qty: 10 ...
  • DataTables

    DataTables Examples

    $(document).ready(function() {
    
      var dataSet = [
        ["Tiger Nixon", "System Architect", "Edinburgh", "5421", "2011/04/25", "$320,800"],
        ["Garrett Winters", "Accountant", "Tokyo ...
  • Dynamic table with CSS Serial numbers

    No-Library (pure JS), HTML, CSS, JavaScript

    	$(function(){
    		$('#addMore2').on('click', function() {
    				var data = $("#tb2 tr:eq(1)").clone(true).appendTo("#tb2");
    				data.find("input").val('');
    		});
    		$(document ...
  • Adding & Deleting Table Rows

    Adds a table row to the bottom on click with "Add Button". Deletes only checked Items with the click of "Delete Button"

    $(document).ready(function() {
        var rowCount = $('#box-table-a tbody>tr').length;
        var flag = 0;
        
        $("#box-table-a").tablesorter(); 
        
        //Click on tr highlights and checks ...
  • Dynamically add table row and calculate total

    http://www.sitepoint.com/forums/showthread.php?1199613-Show-running-total-from-dynamic-amount-of-text-boxes

    function addRow() {
        /* Declare variables */
        var elements, templateRow, rowCount, row, className, newRow, element;
        var i, s, t;
    
        /* Get and count all ...
  • datatable print

    No-Library (pure JS), HTML, CSS, JavaScript

    $('table.data-table').DataTable({
      paging: false,
      columnDefs: [{
        targets: 'no-sort',
        orderable: false
      }],
      dom: '<"row"<"col-sm-6"Bl><"col-sm-6"f>>' +
        '<"row"<"col-sm-12"<"table-responsive"tr>>>' +
        '<"row"<"col-sm-5"i><"col-sm-7"p>>',
      fixedHeader: {
        header: true
      },
      buttons: {
        buttons: [{
          extend: 'print',
          text: '<i class="fa fa-print"></i> Print ...</"col-sm-7"p></"row"<"col-sm-5"i></"row"<"col-sm-12"<"table-responsive"tr></"col-sm-6"f></"row"<"col-sm-6"bl>
  • jQuery Print

    This demo is an extraction from http://getbootstrap.com/components/. created by @juanmendezinfo

    $("button").click(function () {
        print()
    });