Показать сообщение отдельно
  #1 (permalink)  
Старый 18.03.2018, 08:15
Интересующийся
Отправить личное сообщение для prolk Посмотреть профиль Найти все сообщения от prolk
 
Регистрация: 15.03.2018
Сообщений: 20

задача: выбрать 1елемент и 2-ой. все что между ними должно удаляться... я новичок!
это таблица!
<table onclick="func_rng();">
<tbody id="tb">
<tr><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td></tr>
<tr><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td></tr>
<tr><td>31</td><td>32</td><td>33</td><td>34</td><td>35</td></tr>
<tr><td>41</td><td>42</td><td>43</td><td>44</td><td>45</td></tr>
</tbody>
</table>
var elem_start = null, elem_end = null;
var rtd = document.getElementById('tb').getElementsByTagName('td');
for (var i = 0; i < rtd.length; ++i) {
	rtd[i].setAttribute('onclick', 'cl(this);');
	rtd[i].setAttribute('id', i);
	rtd[i].style.cursor='pointer';
}
function cl(elem) {
	if (!elem_start && !elem_end) {
		elem_start = elem;
		elem.style.backgroundColor = 'gold';
	}
	else if (elem_start && !elem_end) {
		elem_end = elem;
		elem_end.style.backgroundColor = 'red';

		var rng = document.createRange();
	rng.setStartBefore(elem_start);
	rng.setEndAfter(elem_end);
	rng.deleteContents();
	}
}

изменил код... терь вроде все пучком... только не пойму куда setTimeout притулить, чтобы удаление происходило с задержкой в 1сек.

Последний раз редактировалось prolk, 18.03.2018 в 18:10. Причина: переделка
Ответить с цитированием