画像の移動

blueball.gifという画像をアンカーから移動させるプログラムを書いたのですが、画像が動きません。スマホでプログラミングしました。テキストエディタはQuickEditというアプリで、ブラウザはFireFoxです。

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>ゲーム</title> <script type="text/javascript"> var brvar; var NN6; var IE5; brvar = eval(0 + navigator.appVersion.charAt(0)); NN6 = (brvar >= 5 && navigator.appName=="Netscape"); IE5 = (brvar >= 4 && navigator.userAgent.indexOf("MSIE")!=-1);

function gameBody() {
alert( "OK?" );
lyrSetPos( "blueball" , 100 , 200 );
}

</head> <body> <div id="blueball" style="position:absolute; left:128px; top:128px;"> <img src="blueball.gif"> </div> <a href="JavaScript:gameBody()">移動</a> </body> </html>

何が原因でしょうか？

kei344

2017/04/01 03:04

質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

行動規範の内容に同意します

回答2件

ベストアンサー

left, topプロパティにそれぞれ単位がないからだと思いますが、いかがでしょうか。

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="UTF-8">
5    <title>ゲーム</title>
6    <script type="text/javascript">
7        var brvar;
8        var NN6;
9        var IE5;
10        brvar = eval(0 + navigator.appVersion.charAt(0));
11        NN6 = (brvar >= 5 && navigator.appName == "Netscape");
12        IE5 = (brvar >= 4 && navigator.userAgent.indexOf("MSIE") != -1);
13
14        function gameBody() {
15            alert("OK?");
16            lyrSetPos("blueball", 100, 200);
17        }
18
19        function lyrSetPos(lyr, x, y) {
20            if (NN6) {
21                document.getElementById(lyr).style.left = x + "px";
22                document.getElementById(lyr).style.top = y + "px";
23            } else if (IE5) {
24                document.getElementById(lyr).style.pixelLeft = x + "px";
25                document.getElementById(lyr).style.pixelTop = y + "px";
26            }
27        }
28    </script>
29</head>
30<body>
31<div id="blueball" style="position:absolute; left:128px; top:128px;">
32    <img src="blueball.gif">
33</div>
34<a href="JavaScript:gameBody()">移動</a>
35</body>
36</html>

投稿2017/04/01 02:39

編集2017/04/01 02:39

s8_chu

総合スコア14731

luke

2017/04/01 02:57

ありがとうございます。やってみます。

luke

2017/04/01 03:02

移動しました！ありがとうございます！

行動規範の内容に同意します

どこかのサイトを参考にされました？
これは不要だと思いますが・・

javascript
1brvar = eval(0 + navigator.appVersion.charAt(0)); 
2NN6 = (brvar >= 5 && navigator.appName=="Netscape"); 
3IE5 = (brvar >= 4 && navigator.userAgent.indexOf("MSIE")!=-1);