это таблица!
<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сек.