Форум PHP программистов > как подсчитать количество столбцов в таблице

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: как подсчитать количество столбцов в таблице

leonw

24.12.2015 - 23:20

Здравствуйте! к примеру таблица:


<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>

я мышкой нажал на 1 2 6 и должно вывести на экран:
выбрано 3 таблицы, с номерами 1 2 6... как это сделать???
т.е


<table>
<tr>
<td id=1>1</td>
<td id=2>2</td>
<td id=3>3</td>
</tr>
<tr>
<td id=4>4</td>
<td id=5>5</td>
<td id=6>6</td>
</tr>
<tr>
<td id=7>7</td>
<td id=8>8</td>
<td id=9>9</td>
</tr>
</table>

echo id;

AllesKlar

24.12.2015 - 23:46

На Javascript

_____________
[продано копирайтерам]

sergeiss

25.12.2015 - 00:08

Цитата (AllesKlar @ 24.12.2015 - 23:46)

На Javascript

- Ватсон, это был русский программист!
- Но как вы догадались, Холмс???
- Элементарно, Ватсон! Во-первых, его ответ был абсолютно точен. А во-вторых, он был абсолютно бесполезен. И самое главное - он долго думал, прежде чем ответить

leonw, переношу тему в раздел JavaScript, т.к. эта задача решается именно на JS. Можно использовать "чистый" JS, можно задействовать jQuery - как тебе больше нравится.

PS. В качестве подсказки: тебе нужны обработчики нажатий на нужные элементы. Если не знаешь, то погугли немного. Попробуй сам. Потом давай свой код сюда, будем его корректировать - это в том случае, если не сумеешь сам сделать.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

AllesKlar

25.12.2015 - 00:27

sergeiss
Нет, я когда писал, в голове был другой анекдот:

Русские в тундре забуксовали наглухо. И так и сяк, не выходит вытащить технику.
Рядом крутится чукча.
- Чукча знает как вытащить.
- Как?
- Давайте огненную воду.
- Иди нафиг.
.......
- Ладно, чукча, вот тебе пузырь Как вытащить?
- Трактора однако нада.

_____________
[продано копирайтерам]

leonw

25.12.2015 - 09:42

ну в общем вот нажатие:


<style>
.old
{
cursor: pointer;
text-align: center;
background-image: url(image/xb.png);
}
.new.old
{
background-image: url(image/x.png);
}
a.rollover {
	background-image: url(image/button1.png);
	display: block;
	width: 228px;
	height: 39px;
	text-align: center;
	vertical-align: middle;
} 
a.rollover:hover 
{
    background-image: url(image/button1a.png);
}
</style>
<script>
window.addEventListener('DOMContentLoaded', function() 
{
[].forEach.call(document.querySelectorAll('.old'), function(item) 
{
item.addEventListener('click', function() 
{
item.classList.toggle('new')
});
});
});
</script>


<table align="left" border="1" cellpadding="12" cellspacing="10" width="350" BORDERCOLOR="#ff0000" class="table">
<tr>
<td align="center" class="old">1</td>
<td align="center" class="old">2</td>
<td align="center" class="old">3</td>
<td align="center" class="old">4</td>
<td align="center" class="old">5</td>
<td align="center" class="old">6</td>
</tr>
<tr>
<td align="center" class="old">7</td>
<td align="center" class="old">8</td>
<td align="center" class="old">9</td>
<td align="center" class="old">10</td>
<td align="center" class="old">11</td>
<td align="center" class="old">12</td>
</tr>
<tr>
<td align="center" class="old">13</td>
<td align="center" class="old">14</td>
<td align="center" class="old">15</td>
<td align="center" class="old">16</td>
<td align="center" class="old">17</td>
<td align="center" class="old">18</td>
</tr>
<tr>
<td align="center" class="old">19</td>
<td align="center" class="old">20</td>
<td align="center" class="old">21</td>
<td align="center" class="old">22</td>
<td align="center" class="old">23</td>
<td align="center" class="old">24</td>
</tr>
<tr>
<td align="center" class="old">25</td>
<td align="center" class="old">26</td>
<td align="center" class="old">27</td>
<td align="center" class="old">28</td>
<td align="center" class="old">29</td>
<td align="center" class="old">30</td>
</tr>
<tr>
<td align="center" class="old">31</td>
<td align="center" class="old">32</td>
<td align="center" class="old">33</td>
<td align="center" class="old">34</td>
<td align="center" class="old">35</td>
<td align="center" class="old">36</td>
</tr>
<tr>
<td align="center" class="old">37</td>
<td align="center" class="old">38</td>
<td align="center" class="old">39</td>
<td align="center" class="old">40</td>
<td align="center" class="old">41</td>
<td align="center" class="old">42</td>
</tr>
<tr>
<td align="center" class="old">43</td>
<td align="center" class="old">44</td>
<td align="center" class="old">45</td>
<td align="center" class="old">46</td>
<td align="center" class="old">47</td>
<td align="center" class="old">48</td>
</tr>
<tr>
<td align="center" class="old">49</td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
</tr>
</table>

:blink:

Быстрый ответ:

Здесь расположена полная версия этой страницы.