Tabular Database Form Functions with HTML

This function is different from the one for the Single-Row Form, just as the  addRow() function here is different from that of the corresponding one in the Single-Row Form, and for similar reasons. When you click the Edit button, it is the active (selected) row that will be edited. The editRow() function begins by checking to see if there is an active row (selected row). For our tabular form, when the web page opens the index variable is set to null. The editRow() function checks to see if the index is null. If it is, it means that no row has been selected.

It then alerts the user that he must select the row he wants to edit and returns after the user clicks the OK button of the alert box. If a row has been selected, the function sets the editMode variable to "true" and then disables all the buttons. It makes the selected row writable by calling the makeWriteInputControls() function which now receives the index as an argument. Finally it displays the conspicuous button, which has the text "After Editing or Adding, You must Click here." The function is:

function editRow()

{

//you must select a row before you can edit, this means the index variable must hold an integer

if (index == null)

{

alert('You must select the row to edit.');

return;

}

editMode = true;

//disable the all buttons

disableButtons('A1','E1','D1','C1','So1','S1','Do1');

//make input controls write-able

makeWriteInputControls(index);

//display the button to send the added row to the transmitted table

document.getElementById('TDAE1').style.display = "block";

}

The editRowToRecordset() function is removed for the same reasons that the addRowToRecordset() function was removed.