0

これが私がやろうとしていることです。はい、このサイトで答えを探しましたが、まだ迷っています。私が助けを必要としているのは、AndroidおよびIOS（IPAD、IPHONE、ITOUCH）デバイス用のゲームメニューを作成していることです。メニューには、テキストの画像またはプレーンテキストのみが表示されます。赤ボタンは無効で、緑ボタンは有効です。たとえば、赤が表示されている場合、バックグラウンドで音楽が再生されているのを聞くことができます。ボタンをクリックして緑が表示されている場合、ゲームで音楽が再生されなくなります。機能を有効/無効にするスキップ機能についても同じです。JavaScriptでこれを行うことを検討しています。どんなアドバイスも役に立ち、感謝します。

サイトのルール上、画像の掲載ができません。メニューにあるので書いておきます。画像 = (赤) (緑)

音楽 (赤) (緑)

スキップ (RED) (GREEN)

4

1 に答える 1

2

このデモを参照してください:

http://jsfiddle.net/rathoreahsan/xQ3PT/

Javascript コード

function controls(id) {
    if (id == "play") {
        document.getElementById('play').setAttribute('disabled','disabled');
        document.getElementById('stop').removeAttribute('disabled','disabled');

        // You can define your play music statements here

    } else {
        document.getElementById('stop').setAttribute('disabled','disabled');
        document.getElementById('play').removeAttribute('disabled','disabled');

        // You can define your stop music statements here        
    }
}

HTML コード

    Music&nbsp;<button id="stop" onclick="controls(this.id)" disabled="disabled">Stop</button>&nbsp;<button id="play" onclick="controls(this.id)">Play</button>

CSS 

#stop{
    background-color: red;
    border: 0px;
}

#play{
    background-color: green;
    border: 0px;
}

編集:

単一のボタンを使用した別のソリューション:

デモ: http://jsfiddle.net/rathoreahsan/xQ3PT/2/

Javascript コード

function controls(className) {
    if (className == "red") {
        document.getElementById('PlayStop').setAttribute('class','green');
        document.getElementById('PlayStop').innerHTML = "Stop";
        // You can define your play music statements here
    } else {
        document.getElementById('PlayStop').setAttribute('class','red');
        document.getElementById('PlayStop').innerHTML = "Play";
        // You can define your stop music statements here        
    }
}

HTML コード

    Music &nbsp; <button id="PlayStop" class="red" onclick="controls(this.getAttribute('class'))">Play</button>
于 2012-07-09T06:25:21.830 に答える