Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Добавление строк в таблицу (https://javascript.ru/forum/dom-window/1264-dobavlenie-strok-v-tablicu.html)

stanlee 29.05.2008 18:00

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

<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 29.05.2008 20:44

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

stanlee 29.05.2008 21:59

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

Snipe 02.06.2008 16:34

<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 09.06.2008 10:46

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

Kolyaj 09.06.2008 11:40

Цитата:

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

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

stanlee 09.06.2008 13:23

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

Kolyaj 09.06.2008 14:20

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

stanlee 09.06.2008 14:38

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

stanlee 09.06.2008 14:42

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

<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
и так далее

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


Часовой пояс GMT +3, время: 05:34.