Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 17.01.2011, 23:56
Новичок на форуме
Отправить личное сообщение для ipman Посмотреть профиль Найти все сообщения от ipman
 
Регистрация: 17.01.2011
Сообщений: 2

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

<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>
и поместить в конец таблицы.
Т.е. надо при вводе в последнюю в столбце ячейку - генерировать следующую пустую ячейку.
Ответить с цитированием
  #2 (permalink)  
Старый 18.01.2011, 09:44
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,228

Сообщение от 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>

- Строки добавлять стандартно в тбоди с ИД-дата
- Данные брать из нижнего тбоди, после чего их очищать (если нужно конечно)
Ответить с цитированием
  #3 (permalink)  
Старый 18.01.2011, 12:48
Новичок на форуме
Отправить личное сообщение для Pulimet Посмотреть профиль Найти все сообщения от Pulimet
 
Регистрация: 16.01.2011
Сообщений: 9

<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>
Ответить с цитированием
  #4 (permalink)  
Старый 19.01.2011, 10:05
Новичок на форуме
Отправить личное сообщение для ipman Посмотреть профиль Найти все сообщения от ipman
 
Регистрация: 17.01.2011
Сообщений: 2

Большое спасибо.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Последние книги по JavaScript! monolithed Учебные материалы 7 26.10.2010 19:40
Выдвет ошибку JavaScript Ромио Opera, Safari и др. 4 21.10.2010 20:34
Вопрос о циклических ссылках (JavaScript -> Dom -> JavaScipt) BlueIce Events/DOM/Window 10 17.02.2010 21:58
Есть вопрос по Javascript JsLoveR Opera, Safari и др. 1 23.12.2009 01:04
глюк форума Gvozd Сайт Javascript.ru 11 18.03.2009 14:37