Форум

Space-06 · #1 (**permalink**) 10.01.2012, 01:35

Имеется таблица построенная скриптом:

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 · #2 (**permalink**) 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 · #3 (**permalink**) 10.01.2012, 05:54

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

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

Octane · #4 (**permalink**) 10.01.2012, 06:01

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

Space-06 · #5 (**permalink**) 10.01.2012, 09:39

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

Форум

Справочник

Discord чат

Курсы javascript