Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   задача: выбрать 1елемент и 2-ой. все что между ними должно удаляться... я новичок! (https://javascript.ru/forum/dom-window/73053-zadacha-vybrat-1element-i-2-ojj-vse-chto-mezhdu-nimi-dolzhno-udalyatsya-ya-novichok.html)

prolk 18.03.2018 08:15

задача: выбрать 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сек.

рони 18.03.2018 09:41

prolk,
http://javascript.ru/forum/dom-windo...a-klikami.html

prolk 18.03.2018 18:11

спасибо! думаю, что помогло

prolk 18.03.2018 18:42

Цитата:

Сообщение от рони (Сообщение 480842)

помогите с setTimeout, по идее должно срабатывать, когда уже нажата вторая кнопка.... но не получается

prolk 18.03.2018 19:36

как тут удалить тему?


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