Need Javascript help. To go through table and get column widths.

[aceO07]

I'm doing a drag/drop with table rows. However, since drag/drop doesn't work with table rows, I going to use divs to resemble the table. BUT, tables are great for dynamically setting the right size for columns, which divs can't.

I want to create a js function that will go to a specific element by id, which contains a table and navigate the first row and return the widths of each of the columns in an array. Using these widths, I will construct a set of divs that will look like the original table.

I'm using Prototype framework too. If anybody have any help or bits of code, that'd be much appreciated.

'SOLVED'.

 

[aceO07]

Figured it out.

$('div_id).getElementsBySelector('table').down('tr').childElements()
Then a .getWidth for each child.

 

[Chosonman]

You using the prototype JS framework? That doesn't look like normal javascript syntax

 

[aceO07]

Yup. prototype

 

[DannyBoy]

Originally posted by: aceO07
Figured it out.

$('div_id).getElementsBySelector('table').down('tr').childElements()
Then a .getWidth for each child.

Why not use a double dollar selector?

http://prototypejs.org/api/utility/dollar-dollar

 

[aceO07]

How would I do that same with the $$ selector?

I admit I probably need to read up on prototype, just haven't had much free time.