Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.02.2011, 16:15
Аспирант
Отправить личное сообщение для Questioner Посмотреть профиль Найти все сообщения от Questioner
 
Регистрация: 03.02.2011
Сообщений: 80

Название ячейки таблицы
Вот я пишу код :
<script>

function f(tableName) {

alert(tableName)

}

</script>

<table>

	<tr>

		<td name="1x1" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="1x2" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="1x3" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="1x4" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="1x5" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="1x6" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="1x7" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="1x8" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="1x9" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="1x10" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="1x11" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="1x12" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="1x13" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="1x14" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="1x15" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="1x16" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="1x17" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="1x18" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="1x19" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="1x20" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="1x21" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="1x22" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="1x23" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="1x24" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="1x25" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="1x26" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="1x27" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="1x28" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="1x29" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="1x30" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

	</tr>
	
		<tr>

			<td name="2x1" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

			<td name="2x2" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

			<td name="2x3" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

			<td name="2x4" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

			<td name="2x5" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

			<td name="2x6" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

			<td name="2x7" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

			<td name="2x8" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

			<td name="2x9" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

			<td name="2x10" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

			<td name="2x11" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

			<td name="2x12" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

			<td name="2x13" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

			<td name="2x14" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

			<td name="2x15" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

			<td name="2x16" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

			<td name="2x17" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

			<td name="2x18" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

			<td name="2x19" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

			<td name="2x20" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

			<td name="2x21" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

			<td name="2x22" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

			<td name="2x23" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

			<td name="2x24" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

			<td name="2x25" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

			<td name="2x26" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

			<td name="2x27" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

			<td name="2x28" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

			<td name="2x29" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

			<td name="2x30" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

	</tr>
	
	<tr>

		<td name="3x1" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="3x2" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="3x3" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="3x4" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="3x5" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="3x6" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="3x7" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="3x8" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="3x9" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="3x10" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="3x11" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="3x12" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="3x13" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="3x14" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="3x15" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="3x16" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="3x17" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="3x18" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="3x19" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="3x20" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="3x21" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="3x22" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="3x23" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="3x24" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="3x25" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="3x26" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="3x27" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="3x28" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="3x29" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

		<td name="3x30" border="1" onclick="f(this.name)">Все козлы большие!!!</td>

	</tr>

</table>


По идее при клике должно выводится сообщение с координатами ячейки. Почему выводится "underfined"?
Ответить с цитированием
  #2 (permalink)  
Старый 12.02.2011, 17:01
Аватар для NoResponse
Профессор
Отправить личное сообщение для NoResponse Посмотреть профиль Найти все сообщения от NoResponse
 
Регистрация: 17.06.2010
Сообщений: 152

у тега td нет свойства name
используйте id
<script>
function f(tableName) {
alert(tableName)
}
</script>
<table>
    <tr>
        <td id="1x1" border="1" onclick="f(this.id)">Все козлы большие!!</td>
        <td id="1x2" border="1" onclick="f(this.id)">Все козлы большие!!</td>
    </tr>
    <tr>
        <td id="2x1" border="1" onclick="f(this.id)">Все козлы большие!!</td>
        <td id="2x2" border="1" onclick="f(this.id)">Все козлы большие!!</td>
    </tr>
</table>

Последний раз редактировалось NoResponse, 12.02.2011 в 17:03.
Ответить с цитированием
  #3 (permalink)  
Старый 12.02.2011, 19:34
Аспирант
Отправить личное сообщение для Questioner Посмотреть профиль Найти все сообщения от Questioner
 
Регистрация: 03.02.2011
Сообщений: 80

Спасибо!
Ответить с цитированием
  #4 (permalink)  
Старый 12.02.2011, 22:22
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,492

Фигнестрадание)
Пример: типа универсальный вариант
<style type="text/css">td {width:20px;height:20px;background:#ddf;border:1px solid #99c}</style>

<table id="tbl">
 <tr>
 <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
 </tr>
 <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
 </tr>
 <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
 </tr>
 <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
 </tr>
 </tr>
 <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
 </tr>
</table>


<script type="text/javascript">
(function(id){
  var table=document.getElementById(id),trs=table.getElementsByTagName('TR'),tds=[null];
  for(var i=0;i<trs.length;i++)tds.push(trs[i].getElementsByTagName('TD'));
  table.onclick=function(e){
   var td=e?e.target:window.event.srcElement;
   if(td.tagName=='TD'){
    var tr=td.parentNode,i=j=0;
    while(trs[j++]!==tr);
    while(tds[j][i++]!==td);
    alert(j+'x'+i)
    }
  }
})('tbl')
</script>

Последний раз редактировалось Aetae, 12.02.2011 в 22:33.
Ответить с цитированием
  #5 (permalink)  
Старый 15.02.2011, 21:44
Аспирант
Отправить личное сообщение для Questioner Посмотреть профиль Найти все сообщения от Questioner
 
Регистрация: 03.02.2011
Сообщений: 80

А что значит [object HTMLTableCellElement] при
<script>
function f(tablName) {
alert(tablName)
}
</script>
<table>
<tr>
<td onclick="f(this)">...текст...</td>
</tr>
</table>
Ответить с цитированием
  #6 (permalink)  
Старый 16.02.2011, 01:12
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,492

[object HTMLTableCellElement]
объект: ХТМЛ Элемент: Ячейка Таблицы
Английский же.
Ответить с цитированием
  #7 (permalink)  
Старый 16.02.2011, 09:58
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

Aetae, на всякий))

<script type="text/javascript">
window.onload = function() {
     table = document.getElementById('table'), tr = table.rows, i = tr.length;
     while(i--) {
         td = tr[i].cells, j = td.length;
         while(j--) {
             td[j].onclick = (function(i, j) {
                 return function() {
                     alert(i+'x'+j); //tr[i].rowIndex+'x'+td[j].cellIndex
                 };
             })(i, j);
         }
     }
 };
</script>


<style type="text/css">td {width: 20px; height: 20px; background:#ddf; border: 1px solid #99c; }</style>

<table id="table">
    <tr>
        <td></td><td></td><td></td><td></td><td></td><td></td><td></td>
    </tr>
    <tr>
        <td></td><td></td><td></td><td></td><td></td><td></td><td></td>
    </tr>
    <tr>
        <td></td><td></td><td></td><td></td><td></td><td></td><td></td>
    </tr>
    <tr>
        <td></td><td></td><td></td><td></td><td></td><td></td><td></td>
    </tr>
</table>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
onmouseout для ячейки таблицы. Sir_Hally Events/DOM/Window 2 24.01.2012 17:21
Изменение цвета ячейки в таблице, при наведении на строку другой таблицы Psychosonic Общие вопросы Javascript 12 24.11.2010 16:44
Ячейки Таблицы Slawaq Элементы интерфейса 20 22.05.2010 13:49
Привязка картинки к углу ячейки таблицы! Помогите с кодом! Alexofer Общие вопросы Javascript 6 31.12.2008 00:14
позиция рисунка внутри ячейки таблицы. arlek1n Общие вопросы Javascript 11 22.12.2008 10:21