暗記の練習

つくっていたけど、途中で面倒になって未完成のまま放置していたコンテンツがあったのを思い出した。それは、暗記の練習という、競技かるたの暗記練習するためのコンテンツなのだが、どうもレイアウトがうまくいかないので面倒になっちゃったんですよね(汗)画面サイズ800×600を想定してつくるとどうしても無理が出てしまうし、札も見づらい。Flashでつくり直そうかと思ったけど、余計に面倒なことが分かりました(笑)

このコンテンツの使用方法は、まず『暗記開始』ボタンを押すと札がランダムに表示されるので暗記をする。『終了』を押すと札が表示されなくなるので、頭の中で札を覚えているかチェックしながらクリックすると、クリックした場所の札が再び表示されます。要するに、『札を並べて暗記した後に裏返しにして、暗記を確認しながら表にする』ということをブラウザ上でやっているわけです。

バグとか要望があればご連絡ください。やる気と暇があれば対応します。

6 Comments

  1. コンセプトはすばらしいねぇ!
    敵陣の札の左右が逆だよん。

  2. 流しの練習ページをつくったときと同じミスですね(笑)
    【参考】http://www.karuta.org/wp/2005/10/01/post_415/

  3. こんにちは。JavaScriptのソースを読むのは久しぶりです。
    common.jsのdisabledButtonとdisabledSelectでdocument.allを呼んでいるので
    IE以外のブラウザでは動かないみたいです。余計なお世話かもしれませんが、
    以下に直し方を書いておきます。長文なのでコメントを分けます。

  4. common.jsのdisabledButton関数を以下で置き換え

    function disabledButton(flag){
    if(flag == undefined){
    flag = true;
    }
    var inputs;
    if(document.all){
    inputs = document.all.tags("input");
    }else if(document.getElementsByTagName){
    inputs = document.getElementsByTagName("input");
    }
    for(var i = 0; i < inputs.length; i++){
    var element = inputs[i];
    if(element.type == "button"){
    element.disabled = flag;
    }
    }
    }

    disabledSelectも同じようにgetElementsByTagNameを使って直す。
    これで一応Firefox2.0とOpera9.01での動作確認をしました。

  5. ご指摘ありがとうございます。
    そういえば、ブラウザの動作確認あまりしていませんでした(汗)
    そのあたりの部分は条件分岐させるの忘れていたみたいですね。
    今度、修正しておきます。

  6. 修正完了したんですが……これって、他のブラウザで見るとスタイル崩れまくりですね(汗)
    ちゃんとしたものをつくるには、画像でつくったりflashで作り直したりした方が良さそうですね……

Sorry, the comment form is closed at this time.