Skip to main content

Posts

Showing posts with the label jquery

CRUD form using Datatables with dynamic Add & Delete rows

Hope you guys have suffered same issues as me with Web Development to create forms with Create/Read/Update/Delete functionality. I really use "Datatables" ( www.datatables.net ) for displaying data in tabular format.  Datatables has got many advantages and is easily compatible with bootstrap stylings. IE8+ support, major browser support and uses jQuery as its core Can natively map JSON data Searching and Filtering functionality with pagination Support MultiLanguage support, ClientSide Sorting, AJAX based inputs Can filter required Columns at front-end Datatables is free but it's editor (editable tables) are paid. Hence I thought of putting together a simple table to use for editing and publishing data for POST purposes. In Summary, what we are doing here is Creating HTML stub with table headers within a form . Also add "Add Row" and "Delete Row" buttons with onclick actions attached to it and a "Submit" button In your javas

Data visualisation and HTML playground

For those who are working on Web development and data visualisation, below links are very useful. Some are for providing the much needed data visualization techniques, while others provide CSS and javascript integration http://code.google.com/apis/ajax/playground/ http://jsfiddle.net/wkCNm/ http://www.fusioncharts.com/demos/gallery/ http://www.w3schools.com/css/default.asp http://960.gs http://freemarker.sourceforge.net/docs/index.html http://www.w3schools.com/xpath/default.asp http://formalize.me/ http://www.1stwebdesigner.com/css/powerful-css-tools-generators-automate-workflow/   #To test various CSS features http://www.tutorialsbucket.com/draw-basic-shapes-css3-tips-and-tricks http://thejit.org/static/v20/Jit/Examples/Spacetree/example1.code.html  #alernative graphs http://www.visualcomplexity.com/vc/  # visualisation samples