Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Получить значение ячейки с помощью onclik (https://javascript.ru/forum/events/24672-poluchit-znachenie-yachejjki-s-pomoshhyu-onclik.html)

Space-06 10.01.2012 01:35

Получить значение ячейки с помощью onclik
 
Имеется таблица построенная скриптом:
var tbody = document.getElementById
    (id).getElementsByTagName("TBODY")[0];
    var row = document.createElement("TR")
    var td1 = document.createElement("TD")
    td1.appendChild(document.createTextNode(oRS.Fields(0).value))
    var td2 = document.createElement("TD")
    td2.appendChild(document.createTextNode(oRS.Fields(1).value))
    row.appendChild(td1);
    row.appendChild(td2);
    tbody.appendChild(row);


Сама таблица имеет такую разметку:

<table id="myTable" cellspacing="0" border="1">
<thead>
      <th>№</th>
      <th>Товар</th>


</thead>
  <tbody>

  </tbody>
</table>


В Jscript не сильно силен - по сему сетую к вам уважаемые: каким образом возможно получение значения ячейки с помощью события Onclick

на просторах интернета находил множество информации - но везде упоминается использование в таблице - класса, с помощью которого и все реализуется, но в моем случае получается что таблица строится с помощью скрипта и с классами вопрос отпадает сразу.

Подскажите уважаемые: как реализовать получение значения ячейки и куда необходимо вставить вызов функции Onclick.

Octane 10.01.2012 01:56

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>…</title>
	<style>
		td {
			border: 1px solid #000;
		}
	</style>
</head>
<body>
	<table id="example">
		<tr>
			<td>1</td>
			<td>2</td>
			<td>3</td>
		</tr>
	</table>
	<script>
		document.getElementById("example").onclick = function (event) {
			event = event || window.event;
			var target = event.target || event.srcElement;
			if (target.tagName == "TD") {
				alert(target.innerHTML);
			}
		};
	</script>
</body>
</html>

подробнее здесь: http://javascript.ru/tutorial/events...rigger:-target

и с таблицами лучше работать при помощи специальных методов: http://webew.ru/articles/598.webew

Space-06 10.01.2012 05:54

Спасибо Огромное ваш пример как нельзя лучше подходит для решения моей проблемы!

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

Octane 10.01.2012 06:01

Дополнительно проверяйте cellIndex

Space-06 10.01.2012 09:39

Спасибо огромное, все получилось. "target.cellIndex == 0"


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