質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

88.91%

【丸投げじゃないです。】javascript フラグについて プログラム改造方法 teratailが掲げている事通りに質問しただけです。

解決済

回答 2

投稿 編集

  • 評価
  • クリップ 1
  • VIEW 1,253
退会済みユーザー

退会済みユーザー

マウスクリックしたり、クリックしたまま移動すると、マス目が黒い画像(black.png)に変わり、
マウスを離してる間は処理を行わないプログラムがありますが、

逆に、マウスで黒くなった部分をクリックしたり、クリックしたまま移動したら、マス目が白い画像(block.png)に変るように改造する方法でシンプルなものを教えて欲しいです。

考えてみましたが、わかりませんでした。

宜しくお願いいたします。

<!DOCTYPE html>
<html>
<head>
<script>
    var Flag = false; // フラグ
    var NN=64; // 枠の縦横のマス目数 

    window.document.onmousemove=move;
    window.document.onmouseup=up;

    function down()
    {
        Flag = true;
        move();
    }

    function up()
    {
        Flag = false;
    }

    function move()
    {
        var x,y,n,obj;
        x=Math.floor((event.clientX-10)/10);
        y=Math.floor((event.clientY-10)/10);
        if (0<=x && x<NN && 0<=y && y<NN){
            n=y*NN+x;
            obj=document.getElementById("square"+n);
            if (Flag){
                obj.style.cursor="pointer"; // ハンドマーク
                obj.src="black.png";
            } else {
                obj.style.cursor="default"; // 通常のカーソル
                 obj.src="block.png";
            }
        }
        return false;
    }    

</script>
</head>
<body>
<div id="canvas">
</div>
<script>

    var x,y,n=0,tag="";
    for (y=10;y<=(NN*10);y+=10){
        for (x=10;x<=(NN*10);x+=10){
            tag+="<img id='square"+n+"' src='block.png' style='position:absolute; left:"+x+"px;top:"+y+"px' onMouseDown='down()' />"
            n++;
        }
    }
    document.getElementById("canvas").innerHTML=tag;

</script>
</body>
</html>

**【15分調べてもわからないことは、teratailで質問しよう!】

【teratailはプログラミングに関する問題解決をサポートします。

私達は、エンジニアが抱える問題の解決を全力でサポートします。
質問・回答によって 生まれたコンテンツを、同じ問題を持った人に最適な形で届けます。

プログラミングに関して、わからないことがあれば是非teratailで質問してください。
あなたがわかることがあれば、是非解決方法をシェアして解決の手助けをしてください。

あなたの全ての行動が、いつか多くの日本のエンジニアの為になります。】
**

teratailのサイトでは掲げているのに、最近は質問した人に、質問ばかりして教えてくれない方が増えているのでしょうか?

自分は質問に全て提示してあります。

それ以外の事や、当方の理解度などを知る事より、回答が欲しいのです。

その回答を元に、自分で考えて理解し、成長したいのです。

例えば、親戚の家を尋ねに、目的の〇〇県〇〇市まで車で来たけど、それ以降がわからず、道を尋ねた人に、
丸投げだとか、〇〇市の事をどの程度理解してますか?
など言われても、何もなりません。

こちらは初心者です。わからない事ばかりです。
わからないで、質問するのですから、teratailさんのユーザーの方には回答を望みたいです。

【15分調べてもわからないことは、teratailで質問しよう!】

とteratailはかかげていますし、
質問の仕方もわかりやすく質問していると思いますが?

質問者に対して低評価を付けたりする事が、teratailというサイトにとってどのようなプラスになるのでしょうか?

丸投げではないです。丸なげとはコードを記載せずに、このようなプログラムを作りたいのですがどういうコードになりますかという質問ではないでしょうか?

こちらはコードを提示して、それを一部分改造して欲しいと質問しているだけです。
どこが丸投げなのでしょうか?
丸投げだからと低評価を付けた人は訂正して欲しいです。

わからない事を、詳しい人に教えてもらう必要があり質問しています。
それがteratailというサイトなのではないですか?
質問に質問で返されてばかりでは効率が悪いです。時間が無駄です。お願いしますm(__)m

ちなみにコードは参考書に載っていた例題を一部改変したものです。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • 退会済みユーザー

    退会済みユーザー

    2020/07/10 16:57

    hoshi-takanoriさん

    参考にします。m(__)m

    キャンセル

  • 退会済みユーザー

    退会済みユーザー

    2020/07/14 15:30

    先日は被害妄想から疑心暗鬼になり大変申し訳ございませんでしたm(__)m

    terateilについて初心者で仕様やルールがわかりませんでしたが、今後は皆さんにご迷惑をかけないような質問や受け答え等、気を付けたいと思いますので、ご指導ご鞭撻の程、宜しくお願いいたしますm(__)m

    キャンセル

  • 退会済みユーザー

    2020/07/16 01:20

    複数のユーザーから「やってほしいことだけを記載した丸投げの質問」という意見がありました
    「質問を編集する」ボタンから編集を行い、調査したこと・試したことを記入していただくと、回答が得られやすくなります。

回答 2

+1

調べてもわからなかったのですね。。。
コードを書きました!ご参考までに!!

<!DOCTYPE html>
<?php

for ( $i = 0; $i < 10; $i++ ) {
  for ( $j = 0; $j < 10; $j++ ) {
    if ( isset($_GET[$i.'x'.$j]) ) {
      $color = $_GET[$i.'x'.$j] == 'white' ? 'black' : 'white';
      $change = true;
    } else {
      $color = $_COOKIE[$i.'x'.$j] == 'white' ? 'white' : 'black';
      $change = false;
    }

    setcookie( $i.'x'.$j, $color, time()+60*60*24*7);
    echo '<a href="?'.$i.'x'.$j.'='.$color.'">';
    echo $color == 'black' ? '■' : '□';
    echo '</a>';
  }
  echo '<br />';
}

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2020/07/14 15:32

    回答ありがとうございますm(__)m
    phpの様ですが、phpはよくわからないです。

    キャンセル

check解決した方法

-18

低評価が沢山付いたので、締め切ります。

7/14更新

先日は被害妄想から疑心暗鬼になり大変申し訳ございませんでしたm(__)m

terateilについて初心者で仕様やルールがわかりませんでしたが、今後は皆さんにご迷惑をかけないような質問や受け答え等、気を付けたいと思いますので、ご指導ご鞭撻の程、宜しくお願いいたしますm(__)m

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2020/07/14 15:33

    回答ありがとうございますm(__)m
    了解しましたm(__)m

    キャンセル

  • 2020/07/16 07:44

    やはり別人だったようだ
    でなきゃ単なる嘘つき

    キャンセル

  • 2020/07/16 07:49

    >やはり別人だったようだ
    でなきゃ単なる嘘つき

    確かに嘘つきかもしれませんね。けど嘘をついた自覚は無いです。
    離婚だって、結婚する時は誓いをたてますが、何らかの理由で離婚になるじゃないですか
    それと一緒です。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 88.91%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る

  • トップ
  • JavaScriptに関する質問
  • 【丸投げじゃないです。】javascript フラグについて プログラム改造方法 teratailが掲げている事通りに質問しただけです。