質問編集履歴
3
質問の範囲を限定化
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
ボタンをクリックすると，javascript
|
|
1
|
+
ボタンをクリックすると，javascriptで定義した変数htmlに表示させたい．
|
test
CHANGED
|
@@ -1,22 +1,8 @@
|
|
|
1
|
-
#
|
|
1
|
+
#：現在やっていること
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
html上で，ボタンクリックすると，横並びに数字との3つのテキストエリアが追加されるような
|
|
4
4
|
|
|
5
|
-
テキストエリアに情報を入力=>ボタンを押すとドラッグアンドドロップ可能なノードやリンクを表示
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
# 現状：
|
|
10
|
-
|
|
11
|
-
|
|
5
|
+
アプリを作っています．
|
|
12
|
-
|
|
13
|
-
ボタンをクリックすることで，"横一列に並んだ3種類のテキストエリアとボタン"が表示されるhtmlを作成中です．
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
# 質問したいこと①：
|
|
18
|
-
|
|
19
|
-
テキストエリアは，左から，項目の内容，項目間のポジティブな関係，項目間のネガティブな関係がこのときに，一番左のテキストエリアの先頭に項目番号（たとえば，”項目１：”）を初期値として表示させたいです．何か良い方法をお教えいただけないでしょうか．
|
|
20
6
|
|
|
21
7
|
|
|
22
8
|
|
|
@@ -64,19 +50,7 @@
|
|
|
64
50
|
|
|
65
51
|
countUpValue++;
|
|
66
52
|
|
|
67
|
-
var str = countUpValue
|
|
68
53
|
|
|
69
|
-
var item_id ="item"+ String(countUpValue)
|
|
70
|
-
|
|
71
|
-
var nega_id ="attack"+ String(countUpValue)
|
|
72
|
-
|
|
73
|
-
var poss_id ="support"+ String(countUpValue)
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
//id=item_idのテキストエリア の先端に表示させたい文字列
|
|
78
|
-
|
|
79
|
-
var item_jap_id = "項目"+ String(countUpValue)
|
|
80
54
|
|
|
81
55
|
|
|
82
56
|
|
|
@@ -88,11 +62,15 @@
|
|
|
88
62
|
|
|
89
63
|
|
|
90
64
|
|
|
91
|
-
'<td><
|
|
65
|
+
'<td>X</textarea></td>' +
|
|
92
66
|
|
|
93
|
-
'<td><textarea id="nega_id" rows="1"></textarea></td>' +
|
|
94
67
|
|
|
68
|
+
|
|
95
|
-
'<td><textarea id="
|
|
69
|
+
'<td><textarea id="new_item" rows="1"></textarea></td>' +
|
|
70
|
+
|
|
71
|
+
'<td><textarea id="new_positive" rows="1"></textarea></td>' +
|
|
72
|
+
|
|
73
|
+
'<td><textarea id="new_negative" rows="1"></textarea></td>' +
|
|
96
74
|
|
|
97
75
|
'<td><input type="submit" name="send" value="グラフに書き込み"></td>'
|
|
98
76
|
|
|
@@ -104,7 +82,7 @@
|
|
|
104
82
|
|
|
105
83
|
$(tr_form).appendTo($('table > tbody'));
|
|
106
84
|
|
|
107
|
-
document.getElementById(
|
|
85
|
+
document.getElementById(arg_id).value = "SYNCER" ;
|
|
108
86
|
|
|
109
87
|
|
|
110
88
|
|
|
@@ -138,11 +116,13 @@
|
|
|
138
116
|
|
|
139
117
|
<tr>
|
|
140
118
|
|
|
119
|
+
<th>項目のid</th>
|
|
120
|
+
|
|
141
121
|
<th>項目の内容</th>
|
|
142
122
|
|
|
143
|
-
<th>
|
|
123
|
+
<th>ポジティブな関係の対象</th>
|
|
144
124
|
|
|
145
|
-
<th>
|
|
125
|
+
<th>ネガティブな関係の対象</th>
|
|
146
126
|
|
|
147
127
|
</tr>
|
|
148
128
|
|
|
@@ -152,25 +132,19 @@
|
|
|
152
132
|
|
|
153
133
|
<tr>
|
|
154
134
|
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
<td>
|
|
135
|
+
<td>1</td>
|
|
158
|
-
|
|
159
|
-
<textarea id="item1" name=text_1[]" cols="20" rows="1"
|
|
160
|
-
|
|
161
|
-
maxlength="20" placeholder="">項目1:</textarea></td>
|
|
162
136
|
|
|
163
137
|
|
|
164
138
|
|
|
165
|
-
<td><textarea id="
|
|
139
|
+
<td><textarea id="item_1" name=text_1[]" rows="1"></textarea></td>
|
|
166
|
-
|
|
167
|
-
maxlength="20" ></textarea></td>
|
|
168
140
|
|
|
169
141
|
|
|
170
142
|
|
|
171
|
-
<td><textarea id="
|
|
143
|
+
<td><textarea id="possitive_1" name="text_2[]" rows="1"></textarea></td>
|
|
172
144
|
|
|
145
|
+
|
|
146
|
+
|
|
173
|
-
|
|
147
|
+
<td><textarea id="negative_1" name=text_3[]" rows="1"></textarea></td>
|
|
174
148
|
|
|
175
149
|
|
|
176
150
|
|
|
@@ -204,10 +178,14 @@
|
|
|
204
178
|
|
|
205
179
|
</html>
|
|
206
180
|
|
|
181
|
+
```
|
|
207
182
|
|
|
208
183
|
|
|
209
|
-
```
|
|
210
184
|
|
|
211
|
-
# 質問したいこと
|
|
185
|
+
# 質問したいことと試したこと：
|
|
212
186
|
|
|
187
|
+
今回質問したいことは，横並びに追加される要素のうち，数字についてです．
|
|
188
|
+
|
|
189
|
+
添付したコードでは，ボタンクリックされて追加される数字が常にXとなっていますが，
|
|
190
|
+
|
|
213
|
-
|
|
191
|
+
作りたいのは，数字が順々に増えていくものです（例えば，ボタンクリックされて追加された要素が二段目なら2）. javascript上でカウンターを定義したのですが，その値をどうやってhtml上に表示したらいいかがわかりません．
|
2
目標の具体化
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
# 目標：
|
|
2
2
|
|
|
3
|
-
テ
|
|
3
|
+
以下のようなインタラクティブなノードリンクグラフが作成できるアプリを作りたい．
|
|
4
|
+
|
|
5
|
+
テキストエリアに情報を入力=>ボタンを押すとドラッグアンドドロップ可能なノードやリンクを表示
|
|
4
6
|
|
|
5
7
|
|
|
6
8
|
|
|
7
9
|
# 現状：
|
|
8
10
|
|
|
11
|
+
テキストエリアを動的に追加する部分を作っています．
|
|
12
|
+
|
|
9
|
-
ボタンをクリックすることで横一列に並んだ3種類のテキストエリアとボタンが表示されるhtmlを作成中です．
|
|
13
|
+
ボタンをクリックすることで，"横一列に並んだ3種類のテキストエリアとボタン"が表示されるhtmlを作成中です．
|
|
10
14
|
|
|
11
15
|
|
|
12
16
|
|
|
@@ -204,6 +208,6 @@
|
|
|
204
208
|
|
|
205
209
|
```
|
|
206
210
|
|
|
207
|
-
# 質問したいこと②：
|
|
211
|
+
# 質問したいこと(今後のための質問)②：
|
|
208
212
|
|
|
209
213
|
上のコードの"グラフに書き込み"ボタンを押すと，一番左の項目の内容に入力された文字列がコピーされたドラッグ&ドロップ可能なノード（丸か四角）が画面右に表示されるようにしたいのですが，おすすめのライブラリや実装方法がありましたらお教えいただけないでしょうか．
|
1
コードの修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -136,9 +136,9 @@
|
|
|
136
136
|
|
|
137
137
|
<th>項目の内容</th>
|
|
138
138
|
|
|
139
|
-
<th>ネガティブ
|
|
139
|
+
<th>ネガティブ関係にある項目</th>
|
|
140
|
-
|
|
140
|
+
|
|
141
|
-
<th>ポジティブ
|
|
141
|
+
<th>ポジティブ関係にある項目</th>
|
|
142
142
|
|
|
143
143
|
</tr>
|
|
144
144
|
|