I have a bit of code that seems to work perfectly in FF and Safari,
but causes some strange things to happen in IE.

here is the code:
[code]
$('a.movedown').click(function(event) {
        var href = $(this).attr('href');
        $.get(href);
        var $thisRow = $(this).parents('tr:first');
        var $thisTable = $('#main_table');
        var $rows = $('#main_table tr');

        $thisRow.insertBefore($thisRow.next().next());
        $thisRow.next().insertBefore( $thisRow.prev());

        $rows.find('.moveup, .movedown').show();

        $thisTable.find("tr:nth-child(2)").find(".moveup").hide();
        $thisTable.find("tr:last").prev().find(".movedown").hide();

        return false;
});
[/code]

This is switching a table row with a row beneath it (I have a row with
an hr tag in between).

If FF and Safari, this code works as expected. In IE it cause a large
amount of white space to appear above where the table originally was,
and puts the table at the bottom of this white space. It switches the
row, but only after putting in the space. After the first time, it
works as expected.

Any thoughts would be greatly appreciated.

if you need to see it in action, let me know. I'll send a url and
instructions

Thanks

Reply via email to