Skip to content

Commit f283974

Browse files
T1mL3arnT1mL3arn
committed
fix review problems
1 parent c9cd9ce commit f283974

7 files changed

Lines changed: 115 additions & 115 deletions

File tree

‎2-ui/4-forms-controls/2-focus-blur/3-editable-div/solution.view/index.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,13 +9,13 @@
99
<body>
1010

1111
<ul>
12-
<li>Кликните div чтобы редактировать текст.</li>
13-
<li>Enter или blur сохраняет содержимое.</li>
12+
<li>Кликните div, чтобы редактировать текст.</li>
13+
<li>Enter или blur сохраняют содержимое.</li>
1414
</ul>
1515

16-
HTML-код разрешен.
16+
HTML-код разрешён.
1717

18-
<div id="view" class="view">Text</div>
18+
<div id="view" class="view">Текст</div>
1919

2020
<script>
2121
let area = null;

‎2-ui/4-forms-controls/2-focus-blur/3-editable-div/source.view/index.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -9,18 +9,18 @@
99
<body>
1010

1111
<ul>
12-
<li>Кликните div чтобы редактировать текст.</li>
13-
<li>Enter или blur сохраняет содержимое.</li>
12+
<li>Кликните div, чтобы редактировать текст.</li>
13+
<li>Enter или blur сохраняют содержимое.</li>
1414
</ul>
1515

16-
HTML-код разрешен.
16+
HTML-код разрешён.
1717

1818
<div id="view" class="view">Текст</div>
1919

2020
<script>
2121
// ...ваш код...
22-
// <textarea> должен иметь class="edit"
23-
// my.css содержит стиль, чтобы <textarea> и <div> имели один размер
22+
// Заметьте: <textarea> должен иметь class="edit"
23+
// my.css содержит стиль, чтобы <textarea> и <div> были одного размера
2424
</script>
2525

2626
</body>

‎2-ui/4-forms-controls/2-focus-blur/3-editable-div/task.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,9 @@
44

55
# Редактируемый div
66

7-
Создайте `<div>` который превращается в `<textarea>` если на него кликнуть.
7+
Создайте `<div>`, который превращается в `<textarea>`, если на него кликнуть.
88

9-
Эта текстовая область позволяет редактировать HTML в элементе `<div>`.
9+
`<textarea>` позволяет редактировать HTML в элементе `<div>`.
1010

1111
Когда пользователь нажимает `key:Enter` или переводит фокус, `<textarea>` превращается обратно в `<div>`, и его содержимое становится HTML-кодом в `<div>`.
1212

‎2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/solution.view/index.html‎

Lines changed: 40 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -10,65 +10,65 @@
1010
<link rel="stylesheet" href="my.css">
1111

1212

13-
<p>Кликните на ячейку таблицы что редактировать её. Нажмите ОК или ОТМЕНА когда закончите.</p>
13+
<p>Кликните на ячейку таблицы, чтобы редактировать её. Нажмите ОК или ОТМЕНА, когда закончите.</p>
1414

15-
<table id="bagua-table">
15+
<table id="table">
1616
<tr>
17-
<th colspan="3">Таблица <em>Багуа</em>: Направление, Элемент, Цвет, Значение</th>
17+
<th colspan="3">Квадрат <em>Bagua</em>: Направление, Элемент, Цвет, Значение</th>
1818
</tr>
1919
<tr>
20-
<td class="nw"><strong>Northwest</strong>
21-
<br>Metal
22-
<br>Silver
23-
<br>Elders
20+
<td class="nw"><strong>Северо-Запад</strong>
21+
<br>Металл
22+
<br>Серебро
23+
<br>Старейшины
2424
</td>
25-
<td class="n"><strong>North</strong>
26-
<br>Water
27-
<br>Blue
28-
<br>Change
25+
<td class="n"><strong>Север</strong>
26+
<br>Вода
27+
<br>Синий
28+
<br>Перемены
2929
</td>
30-
<td class="ne"><strong>Northeast</strong>
31-
<br>Earth
32-
<br>Yellow
33-
<br>Direction
30+
<td class="ne"><strong>Северо-Восток</strong>
31+
<br>Земля
32+
<br>Жёлтый
33+
<br>Направление
3434
</td>
3535
</tr>
3636
<tr>
37-
<td class="w"><strong>West</strong>
38-
<br>Metal
39-
<br>Gold
40-
<br>Youth
37+
<td class="w"><strong>Запад</strong>
38+
<br>Металл
39+
<br>Золото
40+
<br>Молодость
4141
</td>
42-
<td class="c"><strong>Center</strong>
43-
<br>All
44-
<br>Purple
45-
<br>Harmony
42+
<td class="c"><strong>Центр</strong>
43+
<br>Всё
44+
<br>Розовый
45+
<br>Гармония
4646
</td>
47-
<td class="e"><strong>East</strong>
48-
<br>Wood
49-
<br>Blue
50-
<br>Future
47+
<td class="e"><strong>Восток</strong>
48+
<br>Дерево
49+
<br>Синий
50+
<br>Будущее
5151
</td>
5252
</tr>
5353
<tr>
54-
<td class="sw"><strong>Southwest</strong>
55-
<br>Earth
56-
<br>Brown
57-
<br>Tranquility
54+
<td class="sw"><strong>Юго-Запад</strong>
55+
<br>Земля
56+
<br>Коричневый
57+
<br>Спокойствие
5858
</td>
59-
<td class="s"><strong>South</strong>
60-
<br>Fire
61-
<br>Orange
62-
<br>Fame
59+
<td class="s"><strong>Юг</strong>
60+
<br>Огонь
61+
<br>Оранжевый
62+
<br>Слава
6363
</td>
64-
<td class="se"><strong>Southeast</strong>
65-
<br>Wood
66-
<br>Green
67-
<br>Romance
64+
<td class="se"><strong>Юго-Восток</strong>
65+
<br>Дерево
66+
<br>Зеленый
67+
<br>Роман
6868
</td>
6969
</tr>
7070

71-
</table>
71+
</table>
7272

7373

7474
<script src="script.js"></script>

‎2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/source.view/index.html‎

Lines changed: 40 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -10,65 +10,65 @@
1010
<link rel="stylesheet" href="my.css">
1111

1212

13-
<p>Кликните на ячейку таблицы что редактировать её. Нажмите ОК или ОТМЕНА когда закончите.</p>
13+
<p>Кликните на ячейку таблицы, чтобы редактировать её. Нажмите ОК или ОТМЕНА, когда закончите.</p>
1414

15-
<table id="bagua-table">
15+
<table id="table">
1616
<tr>
17-
<th colspan="3">Таблица <em>Багуа</em>: Направление, Элемент, Цвет, Значение</th>
17+
<th colspan="3">Квадрат <em>Bagua</em>: Направление, Элемент, Цвет, Значение</th>
1818
</tr>
1919
<tr>
20-
<td class="nw"><strong>Northwest</strong>
21-
<br>Metal
22-
<br>Silver
23-
<br>Elders
20+
<td class="nw"><strong>Северо-Запад</strong>
21+
<br>Металл
22+
<br>Серебро
23+
<br>Старейшины
2424
</td>
25-
<td class="n"><strong>North</strong>
26-
<br>Water
27-
<br>Blue
28-
<br>Change
25+
<td class="n"><strong>Север</strong>
26+
<br>Вода
27+
<br>Синий
28+
<br>Перемены
2929
</td>
30-
<td class="ne"><strong>Northeast</strong>
31-
<br>Earth
32-
<br>Yellow
33-
<br>Direction
30+
<td class="ne"><strong>Северо-Восток</strong>
31+
<br>Земля
32+
<br>Жёлтый
33+
<br>Направление
3434
</td>
3535
</tr>
3636
<tr>
37-
<td class="w"><strong>West</strong>
38-
<br>Metal
39-
<br>Gold
40-
<br>Youth
37+
<td class="w"><strong>Запад</strong>
38+
<br>Металл
39+
<br>Золото
40+
<br>Молодость
4141
</td>
42-
<td class="c"><strong>Center</strong>
43-
<br>All
44-
<br>Purple
45-
<br>Harmony
42+
<td class="c"><strong>Центр</strong>
43+
<br>Всё
44+
<br>Розовый
45+
<br>Гармония
4646
</td>
47-
<td class="e"><strong>East</strong>
48-
<br>Wood
49-
<br>Blue
50-
<br>Future
47+
<td class="e"><strong>Восток</strong>
48+
<br>Дерево
49+
<br>Синий
50+
<br>Будущее
5151
</td>
5252
</tr>
5353
<tr>
54-
<td class="sw"><strong>Southwest</strong>
55-
<br>Earth
56-
<br>Brown
57-
<br>Tranquility
54+
<td class="sw"><strong>Юго-Запад</strong>
55+
<br>Земля
56+
<br>Коричневый
57+
<br>Спокойствие
5858
</td>
59-
<td class="s"><strong>South</strong>
60-
<br>Fire
61-
<br>Orange
62-
<br>Fame
59+
<td class="s"><strong>Юг</strong>
60+
<br>Огонь
61+
<br>Оранжевый
62+
<br>Слава
6363
</td>
64-
<td class="se"><strong>Southeast</strong>
65-
<br>Wood
66-
<br>Green
67-
<br>Romance
64+
<td class="se"><strong>Юго-Восток</strong>
65+
<br>Дерево
66+
<br>Зеленый
67+
<br>Роман
6868
</td>
6969
</tr>
7070

71-
</table>
71+
</table>
7272

7373

7474
<script src="script.js"></script>

‎2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/task.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,8 @@
66

77
Сделайте ячейки таблицы редактируемыми по клику.
88

9-
- По клику -- ячейка должна стать "редактируемой" (textarea появляется внутри), мы можем изменять HTML. Ресайз должен быть отключен, размер поля остается таким же.
10-
- Кнопки OK и ОТМЕНА появляются ниже ячейки и соответственно завершают/отменяют редактирование.
9+
- По клику -- ячейка должна стать "редактируемой" (textarea появляется внутри), мы можем изменять HTML. Ресайз должен быть отключен, размер поля остаётся таким же.
10+
- Кнопки OK и ОТМЕНА появляются ниже ячейки и, соответственно, завершают/отменяют редактирование.
1111
- Только одну ячейку можно редактировать за один раз. Пока `<td>` в "режиме редактирования", клики по другим ячейкам игнорируются.
1212
- Таблица может иметь множество ячеек. Используйте делегирование событий.
1313

0 commit comments

Comments
 (0)