...

View Full Version : Enable edit mode in a Dynamic HTML Table



jam123
07-19-2010, 11:11 AM
Dear all Gurus,

I'm stucked with below logic. Wanna get your advice to find out where I went wrong.Please help....

Below is my Coding done.
A dynamic HTML table is generated text boxes in table Rows(Dissable mode) with EDIT & DELETE buttons. When user clicks on Edit button, particular row(Text Box) should be enable to edit the values generated.

But Unfortunately in my coding, always the fist row only gets enabled.

<script type="text/javascript">
function m(id){

document.getElementById('Record_id').disabled=false;
document.getElementById('file_number').disabled=false;
return false;
}
</script>




while ($rw = mysql_fetch_array($query1)) {$k = $rw['Record_id'];echo '<tr>';echo'<form name = "t_data">';echo '<td>'.'<input type="text" id="Record_id" name="Record_id"value="'.$rw['Record_id'].'" disabled="true" size ="5"/>'.'</td>';echo '<td>'.'<input type="text" id="file_number" name="file_number" value="'.$rw['file_number'].'" disabled="true" size = "9"/>'.'</td>';echo '</tr>'; echo '<tr>';echo' <td>';echo'<form action="dlt_grid.php" method = "GET">';echo'<input type="submit" value="Delete">';echo'<input type="hidden" name="hf" value="'.$k.'">';echo'</form> ';echo'</td>'; echo' <td>';echo'<input type="submit" id="'.$k.'" value="Edit" onclick = "return m(this.id)">';echo'<input type="hidden" name="hf" value="'.$k.'">';echo'</td>';echo '</tr>';echo'</form>';

gusblake
07-19-2010, 04:20 PM
ids are supposed to be unique. If you look in the HTML generated by that PHP (which is all you should really post here), you will see a lot of duplicate ids.

It looks like if you appended $k to the IDs you would be able to reference the elements unambigiously:



while ($rw = mysql_fetch_array($query1)) {
$k = $rw['Record_id'];
echo '<tr>';
echo'<form name = "t_data">';
echo '<td>'.'<input type="text" id="Record_id_'.$k.'" name="Record_id"value="'.$rw['Record_id'].'" disabled="true" size ="5"/>'.'</td>';
echo '<td>'.'<input type="text" id="file_number_'.$k.'" name="file_number" value="'.$rw['file_number'].'" disabled="true" size = "9"/>'.'</td>';
echo '</tr>';
echo '<tr>';
echo' <td>';
echo'<form action="dlt_grid.php" method = "GET">';
echo'<input type="submit" value="Delete">';
echo'<input type="hidden" name="hf" value="'.$k.'">';
echo'</form> ';
echo'</td>';
echo' <td>';
echo'<input type="submit" id="'.$k.'" value="Edit" onclick = "return m(this.id)">';
echo'<input type="hidden" name="hf" value="'.$k.'">';
echo'</td>';
echo '</tr>';
echo'</form>';
}




function m(id){
document.getElementById('Record_id_'+id).disabled=false;
document.getElementById('file_number_'+id).disabled=false;
return false;
}



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum