Displayed on the page is a table that lists user details. When the Edit Button is clicked, it allows for the row to be edited. The code provided below works in IE but does not show any response in Chrome. I am looking to make the site compatible with both IE and Chrome. I'm unsure of the reason why Chrome is not responding.
<td style="display:none;" class="bb">
<input class="btn" type="button" value="Edit" style="width:40px;"
onclick="EnableUpdate(this.parentNode.parentNode);">
<input class="btn" type="button" value="Save" style="display:none;width:40px;"
onclick="SaveUpdate(this.parentNode.parentNode);">
</td>
function EnableUpdate(oThisRow){
DeactivateCurrentRow(oThisRow);
var oCellsOfThisRow = oThisRow.childNodes;
var i, oGroup
oGroup = oCellsOfThisRow(4).lastChild;
oGroup.options.length=0;
for (i = 0; i< GroupID.length; i++)
{
oGroup.options[i]=new Option(GroupID[i], GroupID[i]);
if(oGroup.previousSibling.innerText == GroupID[i])
oGroup.selectedIndex=i;
}
for(i=0;i<5;i++)
oCellsOfThisRow(i).lastChild.value = oCellsOfThisRow(i).firstChild.innerText;
for(i =1;i<7;i++) {
oCellsOfThisRow(i).firstChild.style.display = "none";
oCellsOfThisRow(i).firstChild.nextSibling.style.display = "block";
}
}