Добавление строк в таблицу

[stanlee]

есть таблица

<table id='table'>
<tr id='tr_1'>
<td>1_1</td>
<td>1_2</td>
<td>1_3</td>
<td>+ -</td>
</tr>
<tr id='tr_2'>
<td>2_1</td>
<td>2_2</td>
<td>2_3</td>
<td>+ -</td>
</tr>
</table>

как в ней добавлять в нужной строке подстрои и там же их удалять
те добавлять строки только для <tr id='tr_1'> напрмиер и там же их удалять

[vasa_c]

Что есть "подстрока"?

[stanlee]

<tr id='tr_1'>
<td>1_1</td>
<td>1_2</td>
<td>1_3</td>
<td>+ -</td>
</tr>
это строчка
вот нужно сделать чтобы можно было добавлять строчки в таблице
но не просто в конец а именно под каждой где будет стоять ссылка на добавление
как это сделать пока не могу понять (

[Snipe]

<table id="table1" border="1">
<tr id="tr11"><td id="td11">11</td><td id="td12">12</td>
<tr id="tr21"><td id="td21">21</td><td id="td22">22</td>
</table>

var tr11 = document.getElementById('tr11'); //берем первую строку
var table = document.getElementById('table1');

var tr31 = document.createElement('tr'); //создаем еще строку
var td31 = document.createElement('td'); td31.innerHTML = '31'; //создаем столбец
var td32 = document.createElement('td'); td32.innerHTML = '32'; //создаем еще столбец

//tr11.appendChild(td31); так можно добавить в первую строку столбец
tr31.appendChild(td31); //кладем в новосозданную строку первый новосозданный столбец
tr31.appendChild(td32); //кладем в новосозданную строку второй новосозданный столбец
table.appendChild(tr31); //кладем в таблицу новосозданную строку (последней)

table.insertBefore(tr31, tr11) увы не работает в FF, поэтому в других даже не стал смотреть.

[stanlee]

хм
что то у меня не работает

[Kolyaj]

table.insertBefore(tr31, tr11) увы не работает в FF, поэтому в других даже не стал смотреть.

Потому что нужно table.insertRow(index) использовать.

[stanlee]

Kolyaj
а можно пример?

[Kolyaj]

stanlee, ну пример будет, если задачу нормально опишите, додумывать за вас ничего не хочется.

[stanlee]

да яж вроди отписал кудаж еще более непойму

[stanlee]

вот на ом примере попробую еще раз

<table id="table1" border="1">
<tr id="tr11">
<td id="td11">11</td>
<td id="td12">12</td>
<td><a href="">+</a>&nbsp;<a href="">-</a></td>
</tr>
<tr id="tr21">
<td id="td21">21</td>
<td id="td22">22</td>
<td><a href="#">+</a>&nbsp;<a href="">-</a></td>
</tr>
</table>

в строке id которой tr11 по ссылке + добавляем срочку в таблицу
те вставляем новую строчку кода между строками tr11 и tr21
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
если снова нажмем + то снова вставляется строка под уже вставленную и т.д.


если нажать ссылку + в строке с id tr21 то вставялем строчку между tr21 и tr31
и так далее

но что то у меня не получается (