Как мне (onclick on table) показать номер в метке или текстовом поле
Привет там, я почти закончил свой код, все еще есть еще один маленький шаг, проверьте мой код, пожалуйста, чтобы увидеть, что это такое
<pre><html>
<head>
<script>
window.onload = function(){
var all = document.getElementsByTagName("td");
for (var i=0;i<all.length;i++) {
all[i].onclick = inputClickHandler;
}
};
function inputClickHandler(e){
e = e||window.event;
var tdElm = e.target||e.srcElement;
if(tdElm.style.backgroundColor == 'rgb(255, 0, 0)'){
tdElm.style.backgroundColor = '#fff';
} else {
tdElm.style.backgroundColor = '#f00';
}
}
</script>
</head>
<body>
<style>
td:hover, th:hover { cursor:pointer }
table {
border-collapse: collapse;
}
table, tr, td {
border: 1px solid black;
}
tr, td {
padding: 7px;
text-align: center;
}
table {
border-spacing: 3px;
border-collapse: separate;
}
</style>
<form>
<table border width=''500'' height=''500'' cellspacing=''0'' cellpadding=''0'' align=center>
<tr>
<td >01</td>
<td >02</td>
<td >03 </td>
<td >04</td>
<td >05 </td>
<td >06</td>
<td >07 </td>
<td >08</td>
<td >09 </td>
<td >10</td>
</tr>
<tr>
<td >11</td>
<td >12</td>
<td >13 </td>
<td >14</td>
<td >15 </td>
<td >16</td>
<td >17 </td>
<td >18</td>
<td >19 </td>
<td >20</td>
</tr>
<tr>
<td >21</td>
<td >22</td>
<td >23 </td>
<td >24</td>
<td >25 </td>
<td >26</td>
<td >27 </td>
<td >28</td>
<td >29 </td>
<td >30</td>
</tr>
<tr>
<td >31</td>
<td >32</td>
<td >33 </td>
<td >34</td>
<td >35 </td>
<td >36</td>
<td >37 </td>
<td >38</td>
<td >39 </td>
<td >40</td>
</tr>
<tr>
<td >41</td>
<td >42</td>
<td >43 </td>
<td >44</td>
<td >45 </td>
<td >46</td>
<td >47 </td>
<td >48</td>
<td >49 </td>
<td >50</td>
</tr>
<tr>
<td >51</td>
<td >52</td>
<td >53 </td>
<td >54</td>
<td >55 </td>
<td >56</td>
<td >57 </td>
<td >58</td>
<td >59 </td>
<td >60</td>
</tr>
<tr>
<td >61</td>
<td >62</td>
<td >63 </td>
<td >64</td>
<td >65 </td>
<td >66</td>
<td >67 </td>
<td >68</td>
<td >69 </td>
<td >70</td>
</tr>
<tr>
<td >71</td>
<td >72</td>
<td >73 </td>
<td >74</td>
<td >75 </td>
<td >76</td>
<td >77 </td>
<td >78</td>
<td >79 </td>
<td >80</td>
</tr>
<tr>
<td >81</td>
<td >82</td>
<td >83 </td>
<td >84</td>
<td >85 </td>
<td >86</td>
<td >87 </td>
<td >88</td>
<td >89 </td>
<td >90</td>
</tr>
</table>
</form>
</body>
</html>
это приятно, как вы видите, но не могли бы вы помочь мне, сказав, как можно показать цифры, которые нажимаются в таблице где-то под столом ?! например, если я нажму на цифру 1, то под столом появится цифра один, а если я нажму на цифру 2, то она будет отображаться как будет, так что цифра 1 не исчезнет, но между ними должно быть пространство или", " или что-то еще .. спасибо, желаю вам всего наилучшего
Что я уже пробовал:
я много пробовал сделать это сам и искал здесь и на многих других сайтах