2017-02-06 7 views
0

Scriptで自分の色を選択してください。私は私の色のメニューを記入したい場合は、私はこのコードを使用します。私はArrayに色を保存することができますどのようにJavaScriptで選択 "カラー"を入力してください

function FillFontColorMenu() { 
     FillSelection(GetPossibleColors(), "fontColorMenu"); // Color of the Font 
    } 

    function FillBackgroundColorMenu() { 
     FillSelection(GetPossibleColors(), "backgroundColorMenu"); // Background Color 
    } 

    function GetPossibleColors() { // Create an Array of Colors 
     var possibleColors = []; 

     possibleColors.push(0x333333); // Add Color x 
     possibleColors.push(0x666666); 
     possibleColors.push(0x999999); 

     return possibleColors; // Return the Colors 
    } 

    function FillSelection(possibleValues, elementId) { // Fill the Selection with the Colors 
     for(var i = 0; i < possibleValues.length; i++) { 
      var optionElement = "<option value='" + possibleValues[i] + "'>" + possibleValues[i] + "</option>"; // Pass in the Colors 
      $('#'+elementId).append(optionElement); 
     } 
    } 

?値をRGBコードに保存する必要がありますか?この色をArrayとし、「FillingMethod」の色を渡すことはできますか?これを行う方法はありますか、それとも私のアイデアは間違っていて、うまくいかないでしょうか?あなたはArrayhexadecimal numbersなどとJavaScript扱いの全ての数as double-precision float point numbersで色を格納している Fiddle

+0

あなたが特定の静的な色をプッシュするつもりですか?ダイナミックなカラージェネレーションをお探しですか? – Aslam

+0

また、デモのデモをいただければ幸いです。 – Aslam

+0

何が問題なのですか? –

答えて

0

は、私は私の問題を示してJsFiddleを作成しようとしました。テキストとして optionに色を挿入するときは、番号を Stringに変換する必要があります。私はあなたが数の16進数表現を取得するために、塩基数として 16を送信し、 Numberオブジェクトの toString方法を使用することをお勧めします。

FillFontColorMenu(); 
 
FillBackgroundColorMenu(); 
 

 
function FillFontColorMenu() { 
 
    FillSelection(GetPossibleColors(), "fontColorMenu"); 
 
} 
 

 
function FillBackgroundColorMenu() { 
 
    FillSelection(GetPossibleColors(), "backgroundColorMenu"); 
 
} 
 

 
function GetPossibleColors() { 
 
    var possibleColors = []; 
 

 
    possibleColors.push(0x333333); // TEST 
 
    possibleColors.push(0x666666); // TEST 
 
    possibleColors.push(0x999999); // TEST 
 

 
    return possibleColors; 
 
} 
 

 
function FillSelection (possibleValues, elementId) { 
 
    for(var i = 0; i < possibleValues.length; i++) { 
 
     var optionElement = "<option value='" + possibleValues[i] + "'>#" + possibleValues[i].toString(16) + "</option>"; 
 
     $('#'+elementId).append(optionElement); 
 
    } 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="fontColorMenu"></select> 
 
<select id="backgroundColorMenu"></select>

関連する問題