Форум

ipman · #1 (**permalink**) 17.01.2011, 23:56

Прошу только не бейте ногами - очень надо, время поджимает.
Есть простой код:

<script type="text/javascript">
function go()
{
...
}
</script>
</head>

<body onload="document">
<table>
<tr><td>Заголовок</td></tr>
<tr><td><input type="text" name="text1" id="text1"/></td></tr>
<tr><td><input type="text" name="text2" id="text2" onchange="go()"/></td></tr>
</table>

Как мне клонировать эту часть:
<tr><td><input type="text" name="text2" id="text2" onchange="go()"/></td></tr>
и поместить в конец таблицы.
Т.е. надо при вводе в последнюю в столбце ячейку - генерировать следующую пустую ячейку.

ksa · #2 (**permalink**) 18.01.2011, 09:44

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

Как мне клонировать эту часть

Предложу альтернативный вариант решения...
- Оставить ту часть в покое
- Сделать табличку вот так

<table>
	<tbody id='data'>
		<tr><td>Заголовок</td></tr>
		<tr><td><input type="text" name="text1" id="text1"/></td></tr>
	</tbody>
	<tbody>
		<tr><td><input type="text" name="text2" id="info" onchange="go()"/></td></tr>
	</tbody>
</table>

- Строки добавлять стандартно в тбоди с ИД-дата
- Данные брать из нижнего тбоди, после чего их очищать (если нужно конечно)

Pulimet · #3 (**permalink**) 18.01.2011, 12:48

<head>
<script type="text/javascript">
	function go() 
	{
		// Получаем наш TBODY
		var my_table = document.getElementById("my"); 		
		
		//Создаем строку
		var new_tr = document.createElement("tr");	 
		
		// Добовляем ячейку
   		new_tr.insertCell(-1);		
		
		// Присваиваем нашей ячейке такуюже строку					
		new_tr.cells[0].innerHTML="<td><input type='text' name='text2' id='text2' onchange='go()'/></td>";	
		
		// Добавляем строку в конец таблицы	
 		my_table.appendChild(new_tr);
	}
</script>
</head>

<body>
<table>
	<thead>
		<tr><td>Заголовок</td></tr>
	</thead>
	<tbody id="my">
		<tr><td><input type="text" name="text1" id="text1"/></td></tr>
		<tr><td><input type="text" name="text2" id="text2" onchange="go()"/></td></tr>
	</tbody>
</table>
</body>

ipman · #4 (**permalink**) 19.01.2011, 10:05

Большое спасибо.

Форум

Справочник

Discord чат

Курсы javascript