Работа с таблицами jquery

[mar4elo]

Смысл таков, есть таблица в каждой строчке есть ссылка редактировать... как мне сделать что бы после нажатия кнопки редактировать, таблица как бы разъезжалась, а по середине был div с полями редактирования

[yury_coder]

динамически создать tr и в него вставить этот див.
Насчёт анимации не помогу, я jQuery не знаю.

если подойдёт вариант на чистом Javascript - стучи в личку

[yury_coder]

да сейчас даже css 3 может решить эту задачу

[KPEATuBHO]

Сообщение от yury_coder

динамически создать tr и в него вставить этот див.
Насчёт анимации не помогу, я jQuery не знаю.

если подойдёт вариант на чистом Javascript - стучи в личку

Дело говорит! Создаете динамически строку, display:none ей ставите. А чтобы анимировать раскрытие этой строки на onclick событие надписи "редактировать" ставьте функцию вида:

$("#temp_edit_box").slideToggle("fa st");

где temp_edit_box - id созданной строки.

[mar4elo]

А как строку поставить в нужно мне место?

[mar4elo]

Не создавать же штук 50 строк скрытых

[yury_coder]

на Javascript это так:

var row = document.createElement('tr');
row.style.display = 'none';

//tr2 - объект, СЛЕДУЮЩЕЙ строки этой таблицы
tr2.parentNode.insertBefore(row, tr2);

[mar4elo]

//tr2 - объект, СЛЕДУЮЩЕЙ строки этой таблицы

tr2.parentNode.insertBefore(row, tr2);
Подробней если можно ......
Я просто не могу понять как мне вставить программно строку в нужное место..... например если пользователь нажмет редактировать на 100 сроке, то создаться дополнительная должна ниже тобишь 101...

[mar4elo]

С добавлением строк разобрался:

        function add_row(line)
        {
     
            var table_id = document.getElementById("tt_able");
            var newrow = table_id.insertRow(line);
            
            for (i=1; i<=5; i++)
            {
                //alert(this.parentNode.rowIndex);
                newrow.insertCell(newrow.parentNode).innerHTML = "<div></div>";
            }

        }

Теперь есть новая проблема.
Допустим есть добавленная строка с1, пользователь опять нажимает на ссылку редактировать с1 должно пропасть и появиться строка под той на которой он нажимал редактировать.... как? То есть одновременно может быть только однана виртуальная строчка

[mar4elo]

Вроде решил...)) если кто знает более рациональное решение то плиз в студию....

        function add_row(line)
        {
 
            var table_element = document.getElementById("tt_able");
            var newrow = table_element.insertRow(line);
            var row_element = newrow.parentNode;
            for (i=1; i<=5; i++)
            {
                //newrow.insertCell(row_element).innerHTML = "<div id='cath'>ggggggggggg</div>";
                newrow.innerHTML = "<td colspan=5><div>dddd</div></td>";
            }

            if (document.getElementById("Editor_menu"))
            {
                 var row_element = document.getElementById("Editor_menu");
                 var row = row_element.rowIndex;
                 table_element.deleteRow(row);
            }
           newrow.id = 'Editor_menu';
        }