質問編集履歴
3
javascliptを追加しました
test
CHANGED
File without changes
|
test
CHANGED
@@ -127,3 +127,35 @@
|
|
127
127
|
}
|
128
128
|
|
129
129
|
```
|
130
|
+
|
131
|
+
|
132
|
+
|
133
|
+
```javascript
|
134
|
+
|
135
|
+
//これは、ボタンを置いて
|
136
|
+
|
137
|
+
//1クリック毎に上記slctline2~6タグに<div th:replace="this :: sortAjaxBody">を追記しています
|
138
|
+
|
139
|
+
//mapSize分クリックすると、べた書きhtmlと同じコードになります
|
140
|
+
|
141
|
+
|
142
|
+
|
143
|
+
$("#button").on('click', function() {
|
144
|
+
|
145
|
+
for(i = 2; i <= mapSize; i++) {
|
146
|
+
|
147
|
+
var $line = document.getElementById("slctline" + i);
|
148
|
+
|
149
|
+
if (!$line.hasChildNodes()) {
|
150
|
+
|
151
|
+
$line.insertAdjacentHTML('beforeend', '<div th:replace="this :: sortAjaxBody"></div>');
|
152
|
+
|
153
|
+
break;
|
154
|
+
|
155
|
+
}
|
156
|
+
|
157
|
+
}
|
158
|
+
|
159
|
+
});
|
160
|
+
|
161
|
+
```
|
2
javascliptを追加しました
test
CHANGED
File without changes
|
test
CHANGED
@@ -99,3 +99,31 @@
|
|
99
99
|
</div>
|
100
100
|
|
101
101
|
```
|
102
|
+
|
103
|
+
|
104
|
+
|
105
|
+
```javascript
|
106
|
+
|
107
|
+
//ひとまずここでは
|
108
|
+
|
109
|
+
//上記htmlからslctline2~6を削除したうえで、slctline2~6タグを作っています
|
110
|
+
|
111
|
+
//itmMap のサイズがjs上で取得できず(うまくいかず)、コントローラからmapサイズを別途送っています
|
112
|
+
|
113
|
+
|
114
|
+
|
115
|
+
var mapSize = /*[[${mpsiz}]]*/0;
|
116
|
+
|
117
|
+
window.onload =function() {
|
118
|
+
|
119
|
+
for(var i = 2; i <= mapSize; i++) {
|
120
|
+
|
121
|
+
$('#slctline').append('<div id="abcdefgz"></div>');
|
122
|
+
|
123
|
+
$('#abcdefgz').attr('id', 'slctline' + i);
|
124
|
+
|
125
|
+
}
|
126
|
+
|
127
|
+
}
|
128
|
+
|
129
|
+
```
|
1
文章を修正しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -10,7 +10,7 @@
|
|
10
10
|
|
11
11
|
|
12
12
|
|
13
|
-
Thymeleafにこだわりがあるわけではなく、slctline1の内容をitmMap のサイズ分だけID付きで
|
13
|
+
Thymeleafにこだわりがあるわけではなく、slctline1の内容をitmMap のサイズ分だけID付きで並べたい、というのが目指すゴールになります。
|
14
14
|
|
15
15
|
|
16
16
|
|