Capture column resize event?

I saw this discussed a few weeks ago, but am unclear on the resolution...

If I resize a column, can I javascriptly detect that change; so I can read all the new column widths and store them in a cookie for future reference?

Alternatively, can I read a column's width, period, without resorting to a messy cross-browser stylesheet parsing?

The following code will read the column widths from column headings elements:

window.onunload = function(){
    var i, widths = [], count = obj.getColumnProperty("count");
    for (i=0; i<count;i++){
        widths[i] = obj.getTemplate("top/item", i).element().offsetWidth;
    }
    alert(widths);
}

That's it exactly - now I can retain the widths after a refresh.

Thanks!

I'm trying something similar - how do you set the column widths when you refresh the page?

I can't get the suggested code to work on my grid...

I have to admit, my knowledge of Javascript is not up to par. Where would be the best location to place this script in my document?

Any help would be greatly appreciated.

I needed to capture the column resize event immediately after the user resizes the column - NOT onunload. Here's the code for that.

var alertWidths = function()
{
    var i;
    var widths = [];
    var count = obj.getColumnProperty("count");
    for (i = 0; i < count; ++i)
    {
        widths[i] = obj.getTemplate("top/item", i).element().offsetWidth; 
    }
    alert(widths);
}
obj.setEvent("onmouseup", alertWidths);

On second thought... that code runs when the onmouseup event fires. Which works, but has obvious problems in a large scale Web application. Does anyone know if there's a more specific event to attach to after the column resize event fires?

Thanks in advance for your help...

Use form_resize to capture the resize event