質問編集履歴
2
htmlにテキストエリアの部分を追加しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -28,6 +28,16 @@
|
|
|
28
28
|
|
|
29
29
|
</table>
|
|
30
30
|
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
<div>
|
|
34
|
+
|
|
35
|
+
<textarea id="nameArea"></textarea>
|
|
36
|
+
|
|
37
|
+
<button onclick="nameSet()" class="btn btn-outline-secondary btn-lg">名前セット</button>
|
|
38
|
+
|
|
39
|
+
</div>
|
|
40
|
+
|
|
31
41
|
```
|
|
32
42
|
|
|
33
43
|
|
1
Markdown記法に変更しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
### 該当のソースコード
|
|
14
14
|
|
|
15
|
-
|
|
15
|
+
```html
|
|
16
16
|
|
|
17
17
|
<table id="app-table">
|
|
18
18
|
|
|
@@ -28,9 +28,11 @@
|
|
|
28
28
|
|
|
29
29
|
</table>
|
|
30
30
|
|
|
31
|
+
```
|
|
31
32
|
|
|
32
33
|
|
|
34
|
+
|
|
33
|
-
|
|
35
|
+
```css
|
|
34
36
|
|
|
35
37
|
#app-table tr td:hover {
|
|
36
38
|
|
|
@@ -38,9 +40,11 @@
|
|
|
38
40
|
|
|
39
41
|
}
|
|
40
42
|
|
|
43
|
+
```
|
|
41
44
|
|
|
42
45
|
|
|
46
|
+
|
|
43
|
-
|
|
47
|
+
```JavaScript
|
|
44
48
|
|
|
45
49
|
//名前格納用配列
|
|
46
50
|
|
|
@@ -104,13 +108,19 @@
|
|
|
104
108
|
|
|
105
109
|
|
|
106
110
|
|
|
107
|
-
//クリックで
|
|
111
|
+
//クリックで色変更。ホバー時の色変更はcssで実行
|
|
108
112
|
|
|
109
113
|
$('table#app-table td').bind('click', function(e) {
|
|
110
114
|
|
|
111
115
|
$(e.currentTarget).css('background-color','rgb(171,209,198)');
|
|
112
116
|
|
|
113
117
|
})
|
|
118
|
+
|
|
119
|
+
```
|
|
120
|
+
|
|
121
|
+
|
|
122
|
+
|
|
123
|
+
|
|
114
124
|
|
|
115
125
|
|
|
116
126
|
|
|
@@ -120,7 +130,9 @@
|
|
|
120
130
|
|
|
121
131
|
まず、表のセルの色を変更するのに、
|
|
122
132
|
|
|
133
|
+
```JavaScript
|
|
134
|
+
|
|
123
|
-
//クリックで
|
|
135
|
+
//クリックで色変更。ホバー時の色変更はcssで実行
|
|
124
136
|
|
|
125
137
|
$('table#app-table td').bind('click', function(e) {
|
|
126
138
|
|
|
@@ -128,11 +140,15 @@
|
|
|
128
140
|
|
|
129
141
|
})
|
|
130
142
|
|
|
143
|
+
```
|
|
144
|
+
|
|
131
145
|
というコードを用意しました。
|
|
132
146
|
|
|
133
147
|
|
|
134
148
|
|
|
135
149
|
その後、値をセットするのですが、
|
|
150
|
+
|
|
151
|
+
```JavaScript
|
|
136
152
|
|
|
137
153
|
/* td要素に配列の値を戻す */
|
|
138
154
|
|
|
@@ -150,15 +166,21 @@
|
|
|
150
166
|
|
|
151
167
|
});
|
|
152
168
|
|
|
169
|
+
```
|
|
170
|
+
|
|
153
171
|
|
|
154
172
|
|
|
155
173
|
このコードの、
|
|
174
|
+
|
|
175
|
+
```JavaScript
|
|
156
176
|
|
|
157
177
|
if($(this).css('background-color') == 'rgb(171,209,198)'){
|
|
158
178
|
|
|
159
179
|
continue;
|
|
160
180
|
|
|
161
181
|
}
|
|
182
|
+
|
|
183
|
+
```
|
|
162
184
|
|
|
163
185
|
|
|
164
186
|
|