Post Archive

› November 5, 2002

DHTML Table Fun

  • Reported by andyed

I've MPL'ed a bit of code from the Uzilla design application that allows a user to reorder table rows. It uses the no DOM whitespace library to deal with differences in IE and Mozilla's handling of spaces. Check it out. Works in IE and Mozilla and takes advantage of the abilities of browsers to read and manipulate arbitrary attributes on HTML elements.

Comments

1. November 5, 2002 11:02 PM

Quote this comment

James Posted…

Spiffy :). Work on a drag and drop version next would you? ;)

2. November 15, 2002 08:35 AM

Quote this comment

Terry Posted…

Love it!!! Trying to make it work with a table that includes textfields... in IE the textfield input values remain when the rows are reordered, but in NS 7 the textfield values clear out.... know of a way to prevent the textfield values from blanking out in NS 7? Thanks! Terry

3. November 27, 2002 10:21 PM

Quote this comment

bill Posted…

this code is flawed. in my browser (msie 6.0.2800 on win2k) it always breaks if i move the sixth element to the top of the pile and then move the fifth element to be above the sixth in the top position. it’s close, but it doesn’t finish the trick.

4. November 27, 2002 10:52 PM

Quote this comment

evan Posted…

“this code is flawed”...

Sorry Bill, but based on Andy’s track record compared with Microsoft’s, I’d be willing to bet anything that your browser of choice is the thing that’s flawed.

5. December 2, 2002 06:19 PM

Quote this comment

andyed Posted…

Bill found a problem in the html attributes that was causing this corner case. Thx!

Terry, you’ll probably need to manually copy the form values. I’m using a deep DOM copy function but form values are represented differently. An alternative woudl be to rewrite cloneNode.