Ajax Table Edit: Edit data in an HTML table using AJAX

Recommend this page to a friend!
  Info   View files View files (7)   DownloadInstall with Composer Download .zip   Reputation   Support forum (5)   Blog    
Ratings Unique User Downloads Download Rankings
StarStarStar 59%Total: 13,213 All time: 82 This week: 304Down
Version License Categories
ajaxtableedit 1.0.0GNU General Publi...HTML, AJAX
Description Author

This class can be used to edit data in the cells of an HTML table using AJAX to save the changed cell values without reloading the current page.

It takes an bi-dimensional array as parameter to define the contents of the cells of the table to be edited. Then it generates the table HTML with the necessary JavaScript code to edit the cell contents.

The user may edit the cells by clicking on them. The cell is turned into a text input so the user can alter the cell contents with the keyboard. If you are using AdvATE then you can specify the type of input you want returned: text, textarea, select, radio, and checkboxes. For the latter three, you are able to specify the inputs and values to be presented to the user.

When the cell editing is finished, the data is saved using AJAX to send to the server the new cell value and the respective table row and column number.

Innovation Award
PHP Programming Innovation award nominee
May 2006
Number 3


Prize: One subscription to the PDF edition of the magazine by PHP Architect
Many Web applications need to provide means to display and edit bi-dimensional data, like for instance data stored in database table records.

This class provides an AJAX based solution that allows the users to see and manipulate tabular data interactively.

The data is displayed in a HTML table with content cells that can be edited right there without the need to load another page.

Manuel Lemos
Picture of Andrew Sullivan
Name: Andrew Sullivan <contact>
Classes: 1 package by
Country: United States United States
Age: 38
All time rank: 14516 in United States United States
Week rank: 625 Down70 in United States United States Down
Innovation award
Innovation award
Nominee: 1x

  Files folder image Files  
File Role Description
Files folder imageAdvATE (4 files)
Plain text file AjaxTableEditor.class.php Class The main class file
Accessible without login Plain text file example.php Example Contains an example usage
Accessible without login Plain text file tester.txt Data Contains a serialized array of sample data

  Files folder image Files  /  AdvATE  
File Role Description
  Plain text file AdvATE.class.php Class Advanced Ajax Table Edit Class File
  Accessible without login Plain text file AdvATEexample.php Example Example for AdvATE
  Accessible without login Plain text file AdvATEexample2.php Example Another example for AdvATE
  Accessible without login Plain text file example2data.php Data Used by example2 to create sample data

 Version Control Unique User Downloads Download Rankings  
 0%
Total:13,213
This week:0
All time:82
This week:304Down
User Ratings User Comments (1)
 All time
Utility:87%StarStarStarStarStar
Consistency:81%StarStarStarStarStar
Documentation:-
Examples:76%StarStarStarStar
Tests:-
Videos:-
Overall:59%StarStarStar
Rank:1400
  

For more information send a message to info at phpclasses dot org.