Inline Table Editing with AJAX
I am trying to use this library that allows for inline table editing, and AJAX updates - well I've been having a ton of trouble figuring out how to communicate between it and my MySQL database that contains all the information contained in the rows.

Here's the code example provided:

Unless you just want people to dink around with the transient-by-nature current page, you'll probably want to define/override the InlineEditor.elementChanged function and do something that saves the user's changes. Here is an example using AJAX to immediately post a change. In this case, I used my handy ajax.js code to do it.

       
       InlineEditor.elementChanged = function( theElement, oldVal, newVal )
        {
            mySavingIndicator( theElement );
            
            var url = "http://www.myserver.com/update.php?id=" + cell.id + "&val="+newVal;
            
            AJAX.getText( url, function( response ){
            
                clearMySavingIndicator( theElement );
                alert( 'Did the save work? ' + response );
            
            }); // end ajax callback function
    
        };  // end elementChanged


What I am really wondering about here is what is cell.id, is it normal Javascript, and what output does it give? How can I use this to allow my cells to be editable and go back to the database? My supervisor really wants inline editing and while I have been working in Javascript and with AJAX all week, it is very difficult for me to provide this to him!
Inline Table Editing with AJAX
===

I am trying to use this library that allows for inline table editing, and AJAX updates - well I've been having a ton of trouble figuring out how to communicate between it and my MySQL database that contains all the information contained in the rows.

Here's the code example provided:

Unless you just want people to dink around with the transient-by-nature current page, you'll probably want to define/override the InlineEditor.elementChanged function and do something that saves the user's changes. Here is an example using AJAX to immediately post a change. In this case, I used my handy ajax.js code to do it.

       
       InlineEditor.elementChanged = function( theElement, oldVal, newVal )
        {
            mySavingIndicator( theElement );
            
            var url = "http://www.myserver.com/update.php?id=" + cell.id + "&val="+newVal;
            
            AJAX.getText( url, function( response ){
            
                clearMySavingIndicator( theElement );
                alert( 'Did the save work? ' + response );
            
            }); // end ajax callback function
    
        };  // end elementChanged


What I am really wondering about here is what is cell.id, is it normal Javascript, and what output does it give? How can I use this to allow my cells to be editable and go back to the database? My supervisor really wants inline editing and while I have been working in Javascript and with AJAX all week, it is very difficult for me to provide this to him!