Q&A
「機能せず」とは具体的にどのようになるのでしょうか？質問フォーマットにあるような形で「やりたいこと・起きていること（エラーも含めて）・やってみたこと」を具体的に記述してください。あとできれば確認したご自身の環境(ブラウザの種類・バージョンなど）も追記してください。
javascript
1<script type="text/JavaScript"> 2var brver; // ブラウザのバージョン 3var NN6; // NN6.0以上なら true 4var IE5; // IE5.0以上なら true 5brver = eval(0 + navigator.appVersion.charAt(0)); 6NN6 = (brver >= 5 && navigator.appName=="Netscape"); 7IE5 = (brver >= 4 && navigator.userAgent.indexOf("MSIE")!=-1); 8 9//alert( NN6 ); 10 11function lyrSetPos( lyr , x , y ) { 12if ( NN6 ) { 13document.getElementById( lyr ).style.left = x; 14document.getElementById( lyr ).style.top = y; 15} 16if ( IE5 ) { 17document.getElementById( lyr ).style.pixelLeft = x; 18document.getElementById( lyr ).style.pixelTop = y; 19} 20} 21 22function lyrGetLeft( lyr ) 23{ 24if ( NN6 ) { 25return( parseInt( document.getElementById( lyr ).style.left )); 26} 27if ( IE5 ) { 28return( parseInt( document.getElementById( lyr ).style.pixelLeft ) ); 29} 30return( 0 ); 31} 32 33function lyrGetTop( lyr ) 34{ 35if ( NN6 ) { 36return( parseInt( document.getElementById( lyr ).style.top ) ); 37} 38if ( IE5 ) { 39return( parseInt( document.getElementById( lyr ).style.pixelTop ) ); 40} 41return( 0 ); 42} 43 44function gameBody() { 45lyrSetPos( "lyrball" , 100 , 200 ); // レイヤーの座標を設定 46 47var ballx; // ボールのＸ(左)座標 48var bally; // ボールのＹ(上)座標 49ballx = lyrGetLeft( "lyrball" ); // ballx にレイヤーのＸ座標を代入 50bally = lyrGetTop( "lyrball" ); // bally にレイヤーのＹ座標を代入 51alert( "X座標ballx= "+ ballx); 52alert( "Y座標bally=" + bally); 53lyrSetPos( "lyrball" , ballx , bally ); 54 55for(var i=0; i<200; i++){ 56 for(var j=0; j<200; j++){ 57 ballx = ballx + i; 58 bally = bally + j; 59//alert( ballx ); // ballx の値を確認 60lyrSetPos( "lyrball" , ballx , bally ); // レイヤーの座標を設定 61} 62} 63} 64setinterval("gameBody()", 1000); 65 66</script> 67
このようなコードを書いてみたのですが、機能せず、その原因がわかりません。
ブラウザはGoogleChromeを使っています。機能しない点を具体的に言うと、lyrballが最初に置いた場所から動かず、最初の座標を表示するようにしたalertも表示されませんでした。 言葉足らずで申し訳ありません
まだ質問が「受付中」になっていますが、どのように解決したのかを回答文に書き、「解決済」にされてはいかがでしょうか。
こちらでは埋もれるので質問本文に追記してください。当方も言葉足らずで申し訳ありません。
回答3件
0
回答は x_xさんの書かれている通りだと思います。
気になるのが IE5を対象にしたコードを書かれている点です。
IE5は18年前のブラウザで、サポートも12年前に終わっています。そのころのスクリプトは今でも動くことが多いですが、参考にされるなら直近3年くらいに出版された書籍を探されることをお勧めします。
【Internet Explorer - Wikipedia】
https://ja.wikipedia.org/wiki/Internet_Explorer#Internet_Explorer_5
追記1：
関数lyrSetPos 内のコードではそもそも動きませんね。開発終了したIEシリーズならif ( IE5 ) {に通りますが、**<del>それ以外のブラウザはNN/IEどちらも通らないため動きません。</del>**IEも最近のものはpixelLeftとか使えないのでは。
あと、そこを修正したとしても position: absolute; が設定されていないので動きません。
追記2：
↑強調部分は私の勘違いでした。
投稿2017/08/15 10:04
編集2017/08/15 10:38総合スコア69407
回答してくださりありがとうございました。
今後気をつけます。
追記もよければ読んでおいてください。
いちおう、手元のGoogle Chromeではnavigator.appVersionが「5.0（以下略）」、navigator.appNameが「Netscape」となっているので、NN6の側に分岐します。
To: maisumakunさん
指摘ありがとうございます、回答を編集しておきます。
度々ありがとうございます
以下のように編集してみたのですが、実行すると1000ミリ秒経たずに何度もx座標10, y座標10と表示されます。表示して、そこに移動すると言うようにしたいのですがどうすれば良いのでしょうか？
<html>
<head>
</head>
<body>
<div id="lyrball" style="position:absolute; left:10px; top:10px;">
<img src="bb01.gif">
</div>
<script type="text/JavaScript">
// ブラウザバージョンセット
var brver; // ブラウザのバージョン
var NN6; // NN6.0以上なら true
brver = eval(0 + navigator.appVersion.charAt(0));
NN6 = (brver >= 5 && navigator.appName=="Netscape");
function lyrSetPos( lyr , x , y ) {
document.getElementById( lyr ).style.left = x;
document.getElementById( lyr ).style.top = y;
}
function lyrGetLeft( lyr ){
return( parseInt( document.getElementById( lyr ).style.left ));
}
function lyrGetTop( lyr ){
return( parseInt( document.getElementById( lyr ).style.top ) );
}
function gameBody() {
lyrSetPos( "lyrball" , 10 , 10 ); // レイヤーの座標を設定
for(var i=0; i<200; i++){
for(var j=0; j<200; j++){
var ballx; // ボールのＸ(左)座標
var bally; // ボールのＹ(上)座標
ballx = lyrGetLeft( "lyrball" ); // ballx にレイヤーのＸ座標を代入
bally = lyrGetTop( "lyrball" ); // bally にレイヤーのＹ座標を代入
alert( "X座標ballx= "+ ballx);
alert( "Y座標bally=" + bally);
lyrSetPos( "lyrball" , ballx , bally );
ballx = ballx + i;
bally = bally + j;
}
}
}
setInterval("gameBody()", 1000);
</script>
</body>
</html>
コメントエリアではマークダウンが使えないため、コードはここではなく質問文に追記してください。（決して元のコードを消さないでください）
また、1000ミリ秒は1秒なのですぐだと思いますよ。
先ほど載せたコードをそのまま使って新しく質問しました。
質問文は編集可能なのですが･･･。
0
ベストアンサー
以下のようにすると正常に機能するかと思います。
HTML
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <title>タイトル</title> 6</head> 7<body> 8<div id="lyrball" style="position:absolute; left:10px; top:10px;"> 9 <img src="https://placehold.jp/3d4070/ffffff/150x150.png?text=bb01.gif"> 10</div> 11<script> 12 var brver; // ブラウザのバージョン 13 var NN6; // NN6.0以上なら true 14 var IE5; // IE5.0以上なら true 15 brver = eval(0 + navigator.appVersion.charAt(0)); 16 NN6 = (brver >= 5 && navigator.appName == "Netscape"); 17 IE5 = (brver >= 4 && navigator.userAgent.indexOf("MSIE") != -1); 18 19 //alert( NN6 ); 20 21 function lyrSetPos(lyr, x, y) { 22 if (NN6) { 23 document.getElementById(lyr).style.left = x; 24 document.getElementById(lyr).style.top = y; 25 } 26 if (IE5) { 27 document.getElementById(lyr).style.pixelLeft = x; 28 document.getElementById(lyr).style.pixelTop = y; 29 } 30 } 31 32 function lyrGetLeft(lyr) { 33 if (NN6) { 34 return ( parseInt(document.getElementById(lyr).style.left)); 35 } 36 if (IE5) { 37 return ( parseInt(document.getElementById(lyr).style.pixelLeft) ); 38 } 39 return ( 0 ); 40 } 41 42 function lyrGetTop(lyr) { 43 if (NN6) { 44 return ( parseInt(document.getElementById(lyr).style.top) ); 45 } 46 if (IE5) { 47 return ( parseInt(document.getElementById(lyr).style.pixelTop) ); 48 } 49 return ( 0 ); 50 } 51 52 function gameBody() { 53 lyrSetPos("lyrball", 100, 200); 54 55 var ballx; 56 var bally; 57 ballx = lyrGetLeft("lyrball"); 58 bally = lyrGetTop("lyrball"); 59 alert("X座標ballx= " + ballx); 60 alert("Y座標bally=" + bally); 61 lyrSetPos("lyrball", ballx, bally); 62 63 for (var i = 0; i < 200; i++) { 64 for (var j = 0; j < 200; j++) { 65 ballx = ballx + i; 66 bally = bally + j; 67 lyrSetPos("lyrball", ballx, bally); 68 } 69 } 70 } 71 72 setInterval("gameBody()", 1000);//修正 73</script> 74</body> 75</html>
投稿2017/08/15 13:51
総合スコア14731
あなたの回答
tips
プレビュー
