задачки по Javascript

borne · Регистрация: 28.11.2012

Студворк — интернет-сервис помощи студентам

1.На страничке имеется таблица (элемент table) из одного столбика с произвольным количеством строк. Id таблицы - test_table.
В каждой строке имеется поле ввода текста (элемент input)
Требуется создать кроссбраузерный (IE6+, Opera 9+, FF 3.6+) обработчик, который при клике по полю ввода показывал бы окошко с номером строки, в которой находится это поле.

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

3.Есть HTML-страница с таким фрагментом:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<table id='MyTable'>
  <tr><td>Строка<td><input type='button' value='Кнопка'>
  <tr><td>Строка<td><input type='button' value='Кнопка'>
  <tr><td>Строка<td><input type='button' value='Кнопка'>
  <tr><td>Строка<td><input type='button' value='Кнопка'>
  <tr><td>Строка<td><input type='button' value='Кнопка'>
  <tr><td>Строка<td><input type='button' value='Кнопка'>
  <tr><td>Строка<td><input type='button' value='Кнопка'>
  <tr><td>Строка<td><input type='button' value='Кнопка'>
  <tr><td>Строка<td><input type='button' value='Кнопка'>
  <tr><td>Строка<td><input type='button' value='Кнопка'>
</table>

Требуется при клике на любой из кнопок выводить номер строки и номер ячейки, в которой находится кнопка.

Подскажите плиз реализуемо ли это? может где то у кого то на памяти обсуждалось?

Добавлено через 7 часов 6 минут
не уж то никто не знает или считают недостойным опускаться до новичка.
Сами ведь такие же были

@Refactor · 23.09.2013, 15:17

Сообщение от borne

Подскажите плиз реализуемо ли это?

естественно реализуемо

Сообщение от borne

считают недостойным опускаться до новичка.

проблема не в этом, основная проблема новичков в том, что они пишут задачу на 1-2 часа и надеются что сразу все ее кинуться делать, и таких вопросов целая куча на день, и что самое интересное никто из новичков не пытается решить задачу самостоятельно

если бы вы начали ее делать сами и задавать конкретные вопросы типа "А как при клике на ячейку показать alert c ее номером", а потом в следующем топике бы спросили что то другое, что не получается сделать после долгих поисков и т.д.

P.S. Всем новичкам: пожалуйста задавайте конкретные вопросы, не нужно выкладывать лабораторные задания на 2-3 часа или 3-х метровый скрипт и говорить: "Что у меня тут не работает?"

borne · 23.09.2013, 16:06 **[ТС]**

Сообщение от Refactor

естественно реализуемо
никто из новичков не пытается решить задачу самостоятельно

если бы вы начали ее делать сами и задавать конкретные вопросы типа "А как при клике на ячейку показать alert c ее номером", а потом в следующем топике бы спросили что то другое, что не получается сделать после долгих поисков и т.д.

Я паралельно ищу инфу и пытаюсь поделать. зациклился пока на 3й: вот что есть:

http://learn.javascript.ru/play/g5Fslc

со столбцом вроде сделал как еще вывести номер строки...правда тоже где то видел ща найду...

Добавлено через 28 минут
блин получается что при обработке нажатия кнопки можно выдрать столбец, а при ОнКлике строки - строку но это два алерта. Есть у td родитель tr? и как их получить при передаче this?

@vooduq · 23.09.2013, 17:02

по второму пункту

JavaScript
1
2
3
4
5
6
7
function cath(){
    var cath = n++
    return (function(){
        alert(cath);
    }());
};
var n = 0;

Добавлено через 6 минут
нету закрывающих тегов по </tr>

@newJS · 23.09.2013, 21:55

Сообщение от vooduq

нету закрывающих тегов по </tr>

и тд тоже нет

Сообщение от borne

не уж то никто не знает или считают недостойным опускаться до новичка.
Сами ведь такие же были

да иной раз люди ждут сутки и более, тут как попадешь, а спешунчиков качающих права не очень жалуют
с чего ты решил, что здесь только и ждут кому бы ответить

borne · 24.09.2013, 08:58 **[ТС]**

Сообщение от newJS

и тд тоже нет

да иной раз люди ждут сутки и более, тут как попадешь, а спешунчиков качающих права не очень жалуют
с чего ты решил, что здесь только и ждут кому бы ответить

Вы правы. Приношу свои извинения за нетерпеливость!

@newJS · 24.09.2013, 09:46

как понял так и сделал

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<table border="1" id="MyTable" cellpadding="5" cellspacing="0">
<tr><td>Строка</td><td><input type="button" value="Кнопка">
<input type="hidden" id="hid"></td></tr>
<tr><td>Строка</td><td><input type="button" value="Кнопка"></td></tr>
<tr><td>Строка</td><td><input type="button" value="Кнопка"></td></tr>
<tr><td>Строка</td><td><input type="button" value="Кнопка"></td></tr>
<tr><td>Строка</td><td><input type="button" value="Кнопка"></td></tr>
<tr><td>Строка</td><td><input type="button" value="Кнопка"></td></tr>
<tr><td>Строка</td><td><input type="button" value="Кнопка"></td></tr>
<tr><td>Строка</td><td><input type="button" value="Кнопка"></td></tr>
<tr><td>Строка</td><td><input type="button" value="Кнопка"></td></tr>
<tr><td>Строка</td><td><input type="button" value="Кнопка"></td></tr>
</table>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
onload=function(){
var m, k;
m=document.getElementById("MyTable").getElementsByTagName("input");
k=m.length;
while(k--){m[k].onclick=clik;};
 
 };
 
function clik(){
var r, c, n;
c=this.parentNode.cellIndex;
r=this.parentNode.parentNode.rowIndex;
n=+document.getElementById("hid").value;
document.getElementById("hid").value=++n;
 
alert('Ячейка\t'+c+'\nСтрока\t'+r+'\nКлики\t'+n);
 };

@kalabuni · 24.09.2013, 12:07

newJS, закрывающие теги </td> и </tr> согласно спецификации являются Optional, т.е. необязательными
так что зря исходник переделывали

borne · 24.09.2013, 12:31 **[ТС]**

newJS, спасибо сработало мне нужны были вот эти свойства:
this.parentNode.cellIndex;
this.parentNode.parentNode.rowIndex;

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

vooduq, если делать по button то после алерта кнопка меняется на 'No code' текст но сама функция работает, спасибо

@Refactor · 24.09.2013, 12:40

Сообщение от kalabuni

так что зря исходник переделывали

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

+ это не читабельно

borne · 24.09.2013, 13:12 **[ТС]**

касательно первого думаю наподобие третьего так же onclick= alert(this.parentNode.parentNode.rowInde x)

вот кросброузерность думаю подозреваю что разные браузеры поддерживают разные свойства? или они по разному пишутся...?

Добавлено через 31 минуту
Да так работает только вот будет ли эта строка работать одинаково во всех браузерах...

Добавлено через 55 секунд
а можно ли на http://learn.javascript.ru/play эмулировать разные браузеры? или он в какой открыл к тому и применяет?

@vooduq · 24.09.2013, 13:18

немного доработал, не самый лучший вариант, но рабочий

JavaScript
1
2
3
4
5
function cath(f){
    Function.prototype._callee++;
    return f.apply(this,arguments);
};
Function.prototype._callee = 0;

пример вызова

JavaScript
1
cath(function f(){ alert("Я была запущенна " + Function.prototype._callee + " раз"); });

borne · 24.09.2013, 13:41 **[ТС]**

Все всем спасибо за внимание и потраченное время получилось вот так:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
Задания по JavaScript (выполнить задание без использования framework):
1) На страничке имеется таблица (элемент table) из одного столбика с произвольным количеством строк. Id таблицы - test_table.
В каждой строке имеется поле ввода текста (элемент input)
Требуется создать кроссбраузерный (IE6+, Opera 9+, FF 3.6+) обработчик, который при клике по полю ввода показывал бы окошко с номером строки, в которой находится это поле.
 
onclick="alert(this.parentNode.parentNode.rowIndex)"
 
2) Требуется создать функцию, считающую количество собственных запусков. Подсчет не должен задевать  другие переменные.
Написать пример вывода на экран количества подсчитанных запусков.
 
function cath(){
    var cath = n++
    return (function(){
        alert(cath);
    }());
};
var n = 0;
 
 
3) Есть HTML-страница с таким фрагментом:
<table id='MyTable'>
  <tr><td>Строка<td><input type='button' value='Кнопка'>
  <tr><td>Строка<td><input type='button' value='Кнопка'>
  <tr><td>Строка<td><input type='button' value='Кнопка'>
  <tr><td>Строка<td><input type='button' value='Кнопка'>
  <tr><td>Строка<td><input type='button' value='Кнопка'>
  <tr><td>Строка<td><input type='button' value='Кнопка'>
  <tr><td>Строка<td><input type='button' value='Кнопка'>
  <tr><td>Строка<td><input type='button' value='Кнопка'>
  <tr><td>Строка<td><input type='button' value='Кнопка'>
  <tr><td>Строка<td><input type='button' value='Кнопка'>
</table>
 
Требуется при клике на любой из кнопок выводить номер строки и номер ячейки, в которой находится кнопка.
 
<html>
  <head> </head>
  <body>
 
    <script>
    function gettable(tab) {
      var c=tab.parentNode.cellIndex;
      var r=tab.parentNode.parentNode.rowIndex;
      alert(c+" "+r);
    }
</script>
    
<table id='MyTable'>
  <tr><td>Строка<td><input type='button' value='Кнопка' onclick="gettable(this)">
  <tr><td>Строка<td><input type='button' value='Кнопка' onclick="gettable(this)">
  <tr><td>Строка<td><input type='button' value='Кнопка' onclick="gettable(this)">
  <tr><td>Строка<td><input type='button' value='Кнопка' onclick="gettable(this)">
  <tr><td>Строка<td><input type='button' value='Кнопка' onclick="gettable(this)">
  <tr><td>Строка<td><input type='button' value='Кнопка' onclick="gettable(this)">
  <tr><td>Строка<td><input type='button' value='Кнопка' onclick="gettable(this)">
  <tr><td>Строка<td><input type='button' value='Кнопка' onclick="gettable(this)">
  <tr><td>Строка<td><input type='button' value='Кнопка' onclick="gettable(this)">
  <tr><td>Строка<td><input type='button' value='Кнопка' onclick="gettable(this)">
</table>
 
  </body>
</html>

@newJS · 24.09.2013, 21:38

Сообщение от kalabuni

так что зря исходник переделывали

Думаю Refactor, хорошо ответил, мне меньше по клавишам стучать.

Новые блоги и статьи Все статьи Все блоги /
Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	24.09.2013, 12:07
	newJS, закрывающие теги </td> и </tr> согласно спецификации являются Optional, т.е. необязательными так что зря исходник переделывали 0

borne 88 / 88 / 37 Регистрация: 28.11.2012 Сообщений: 309
	24.09.2013, 12:31 [ТС]
	newJS, спасибо сработало мне нужны были вот эти свойства: this.parentNode.cellIndex; this.parentNode.parentNode.rowIndex; касательно второго, я так понимаю нужно сделать событие при котором вызывается функция и алертует сколько она уже была вызвана, хоть по кнопке... vooduq, если делать по button то после алерта кнопка меняется на 'No code' текст но сама функция работает, спасибо 0

borne 88 / 88 / 37 Регистрация: 28.11.2012 Сообщений: 309
	24.09.2013, 13:12 [ТС]
	касательно первого думаю наподобие третьего так же onclick= alert(this.parentNode.parentNode.rowInde x) вот кросброузерность думаю подозреваю что разные браузеры поддерживают разные свойства? или они по разному пишутся...? Добавлено через 31 минуту Да так работает только вот будет ли эта строка работать одинаково во всех браузерах... Добавлено через 55 секунд а можно ли на http://learn.javascript.ru/play эмулировать разные браузеры? или он в какой открыл к тому и применяет? 0