Trying to update a complete Table row <TR> using AJAX

[buba0418]

I am new to AJAX and JavaScript.

I think I understand the concept of AJAX,

I currently have a database update page that takes a long time to
work with due to reloading the whole page with every click.
So in walks AJAX.

The basic description is..
there is a update form to update crossconnect information between
racks.
The number of hops could be a variable between 2 and ?
( so the form is different with every crossconnect. )
Each Row has
Position number (1,2,3,4 etc)
Cabinet Type ( CustomerEndPoint, MainDistributionFrame, etc)
FootPrint CONSISTINGO OF ( Location,Site,Row and RackId)
PatchPanel Type and PanelId
PatchPanel Slot
Number of Ports being used for this hop
The actual hops being used

To get the correct data for each select statement dropdown,
The previous column data is required.

so for each change of a select item, the row should update.
I got it to work for FireFox and Safari, But keep getting JS errors
when I run IE7 on it.
What am I doing wrong or am i not using the innerHTML tag correctly.

I have unlocked the authentication for the time being so you can look
at the test code
to view the test code use link

http://tims-dev.telehouse.com/~bates/AJAXTest/index.html?Id=1181&Hops=1

Thank you for any help you can supply.

 

[monksnake]

The problem is you are trying to set innerHTML on a table object. innerHTML is readonly on tables and table objects.

You will have to build the table row, remove the old row, and insert the new one transversing up the good ol DOM tree.

If you have any questions about that, just let us know.

<.

 

[BillyRayPreachersSon]

Sorry - I didn't realise this thread had been posted here... I posted a link to an article on the DOM methods monksnake mentions (such as insertCell) in the original post in the AJAX forum (thread1600-1358030)

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]