Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Универсальный код (https://javascript.ru/forum/dom-window/27076-universalnyjj-kod.html)

Михаил1 02.04.2012 10:03

Универсальный код
 
Здраствуйте у меня такая задача есть много таблиц с двумя ячейками:
<table border="1" width="100%">
	<tr>
		<td>Текст 1</td>
	</tr>
	<tr>
		<td><span class="button">Добавить</span></td>
	</tr>
</table>

<table border="1" width="100%">
	<tr>
		<td>Текст 2</td>
	</tr>
	<tr>
		<td><span class="button">Добавить</span></td>
	</tr>
</table>

...

<table border="1" width="100%">
	<tr>
		<td>Текст n</td>
	</tr>
	<tr>
		<td><span class="button">Добавить</span></td>
	</tr>
</table>


требуется написать код который после события onclick компонента span который находится во второй ячейке добавлял текст который находится в первой ячейке в компонент div я пробовал так:

Код:

window.onload = function(){
n=0;
while (document.getElementsByTagName('table')[n]){
obj=document.getElementsByTagName('table')[n].getElementsByTagName('td');
obj[1].getElementsByTagName('span')[0].onmousedown = function(){
document.getElementById('mdiv').innerHTML += obj[0].innerHTML;
}
}
}

Но скрипт работает неправильно поскольку добавляет после клика по span всегда текст который находится в первой ячейке последней талице.
Что делать???

melky 02.04.2012 10:40

как-то так :

http://jsbin.com/agizij

Михаил1 02.04.2012 11:31

Большое СПАСИБО отличный скрипт


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