質問編集履歴
3
ミス修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
// ページの左端から、要素の左端までの距離
|
|
59
59
|
var px = window.pageXOffset + clientRect.left;
|
|
60
60
|
|
|
61
|
-
// ページの上端から、要素の上端までの距離
|
|
61
|
+
// ページの上端から、要素の上端までの距離、数字はdivのサイズから画像サイズを引いたもの
|
|
62
62
|
var py = window.pageYOffset + clientRect.top;
|
|
63
63
|
target.style.position = 'absolute'
|
|
64
64
|
if (event.clientY > py && event.clientY < py + 234) {
|
|
@@ -97,9 +97,9 @@
|
|
|
97
97
|
<script src="js/aqua.js"></script>
|
|
98
98
|
</body>
|
|
99
99
|
</html>
|
|
100
|
+
```
|
|
101
|
+
こちらがCSSです。よろしくお願いします。
|
|
100
102
|
```CSS
|
|
101
|
-
こちらがCSSです。よろしくお願いします。
|
|
102
|
-
```
|
|
103
103
|
/* CSSのリセット */
|
|
104
104
|
html,
|
|
105
105
|
body,
|
2
コメントの追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
let sakana = dragid;
|
|
22
22
|
|
|
23
23
|
/*dragid,dragid2,dragid3をクリックすると変数sakanaに入るようにしたい */
|
|
24
|
-
|
|
24
|
+
//上のdivから下のdivへドラッグアンドドロップ
|
|
25
25
|
window.onload = function () {
|
|
26
26
|
sakana.addEventListener('dragstart', function (element) {
|
|
27
27
|
target = element.target;
|
|
@@ -38,6 +38,7 @@
|
|
|
38
38
|
}, false);
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
+
//dropboxの中でドラッグ移動
|
|
41
42
|
function drag_fish(){
|
|
42
43
|
draggable(sakana);
|
|
43
44
|
|
|
@@ -96,7 +97,7 @@
|
|
|
96
97
|
<script src="js/aqua.js"></script>
|
|
97
98
|
</body>
|
|
98
99
|
</html>
|
|
99
|
-
```
|
|
100
|
+
```CSS
|
|
100
101
|
こちらがCSSです。よろしくお願いします。
|
|
101
102
|
```
|
|
102
103
|
/* CSSのリセット */
|
1
記事の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -9,15 +9,14 @@
|
|
|
9
9
|
|
|
10
10
|
### 発生している問題・エラーメッセージ
|
|
11
11
|
変数sakanaの中にimg要素のdragid,dragid2,dragid3を入れていきたいのですが、うまく切り替える方法はないでしょうか。
|
|
12
|
-
ちなみにdragid,dragid2,dragid3はconstにしても大丈夫ですよね？
|
|
13
12
|
|
|
14
13
|
```javascript
|
|
15
14
|
let target = "";
|
|
16
|
-
|
|
15
|
+
const dragid = document.getElementById('dragid');
|
|
17
|
-
|
|
16
|
+
const daragid2 = document.getElementById('dragid2');
|
|
18
|
-
|
|
17
|
+
const daragid3 = document.getElementById('dragid3');
|
|
19
18
|
|
|
20
|
-
|
|
19
|
+
const dropbox = document.getElementById('dropbox');
|
|
21
20
|
|
|
22
21
|
let sakana = dragid;
|
|
23
22
|
|