マウスクリックしたり、クリックしたまま移動すると、マス目が黒い画像(black.png)に変わり、
マウスを離してる間は処理を行わないプログラムがありますが、
逆に、マウスで黒くなった部分をクリックしたり、クリックしたまま移動したら、マス目が白い画像(block.png)に変るように改造する方法でシンプルなものを教えて欲しいです。
考えてみましたが、わかりませんでした。
宜しくお願いいたします。
javascript
1 2<!DOCTYPE html> 3<html> 4<head> 5<script> 6 var Flag = false; // フラグ 7 var NN=64; // 枠の縦横のマス目数 8 9 window.document.onmousemove=move; 10 window.document.onmouseup=up; 11 12 function down() 13 { 14 Flag = true; 15 move(); 16 } 17 18 function up() 19 { 20 Flag = false; 21 } 22 23 function move() 24 { 25 var x,y,n,obj; 26 x=Math.floor((event.clientX-10)/10); 27 y=Math.floor((event.clientY-10)/10); 28 if (0<=x && x<NN && 0<=y && y<NN){ 29 n=y*NN+x; 30 obj=document.getElementById("square"+n); 31 if (Flag){ 32 obj.style.cursor="pointer"; // ハンドマーク 33 obj.src="black.png"; 34 } else { 35 obj.style.cursor="default"; // 通常のカーソル 36 obj.src="block.png"; 37 } 38 } 39 return false; 40 } 41 42</script> 43</head> 44<body> 45<div id="canvas"> 46</div> 47<script> 48 49 var x,y,n=0,tag=""; 50 for (y=10;y<=(NN*10);y+=10){ 51 for (x=10;x<=(NN*10);x+=10){ 52 tag+="<img id='square"+n+"' src='block.png' style='position:absolute; left:"+x+"px;top:"+y+"px' onMouseDown='down()' />" 53 n++; 54 } 55 } 56 document.getElementById("canvas").innerHTML=tag; 57 58</script> 59</body> 60</html> 61
**【15分調べてもわからないことは、teratailで質問しよう!】
【teratailはプログラミングに関する問題解決をサポートします。
私達は、エンジニアが抱える問題の解決を全力でサポートします。
質問・回答によって 生まれたコンテンツを、同じ問題を持った人に最適な形で届けます。
プログラミングに関して、わからないことがあれば是非teratailで質問してください。
あなたがわかることがあれば、是非解決方法をシェアして解決の手助けをしてください。
あなたの全ての行動が、いつか多くの日本のエンジニアの為になります。】
**
と
teratailのサイトでは掲げているのに、最近は質問した人に、質問ばかりして教えてくれない方が増えているのでしょうか?
自分は質問に全て提示してあります。
それ以外の事や、当方の理解度などを知る事より、回答が欲しいのです。
その回答を元に、自分で考えて理解し、成長したいのです。
例えば、親戚の家を尋ねに、目的の〇〇県〇〇市まで車で来たけど、それ以降がわからず、道を尋ねた人に、
丸投げだとか、〇〇市の事をどの程度理解してますか?
など言われても、何もなりません。
こちらは初心者です。わからない事ばかりです。
わからないで、質問するのですから、teratailさんのユーザーの方には回答を望みたいです。
【15分調べてもわからないことは、teratailで質問しよう!】
とteratailはかかげていますし、
質問の仕方もわかりやすく質問していると思いますが?
質問者に対して低評価を付けたりする事が、teratailというサイトにとってどのようなプラスになるのでしょうか?
丸投げではないです。丸なげとはコードを記載せずに、このようなプログラムを作りたいのですがどういうコードになりますかという質問ではないでしょうか?
こちらはコードを提示して、それを一部分改造して欲しいと質問しているだけです。
どこが丸投げなのでしょうか?
丸投げだからと低評価を付けた人は訂正して欲しいです。
わからない事を、詳しい人に教えてもらう必要があり質問しています。
それがteratailというサイトなのではないですか?
質問に質問で返されてばかりでは効率が悪いです。時間が無駄です。お願いしますm(__)m
ちなみにコードは参考書に載っていた例題を一部改変したものです。
回答2件
あなたの回答
tips
プレビュー