やりたいこと
以下のコードで、
scaleBgColorBlock とbgcolorBlock の色変更時、カラーコードをhiddenフィールドに入れたい。
困っていること
以下のコード実行中にscaleBgColorBlockは色変更ができ、カラーコードをhiddenフィールドに入れることができた
しかし、bgcolorBlock の色変更時、カラーコードがhiddenフィールドに入らなかった。
html
1<input id="scaleBgColorBlock" runat="server" class="colorBlock"/> 2<input id="bgcolorBlock" runat="server" class="colorBlock" /> 3<asp:HiddenField ID="hdnBgColor" runat="server" /> 4<asp:HiddenField ID="hdnScaleBgColor" runat="server" />
javascript
1 2window.onload=function(){ 3 colorpicker_event(); 4 colorpicker(); 5}; 6 7var colorpicker_event = function () { 8 $("#bgcolorBlock").each(function () { 9 $('#bgcolorBlock').spectrum({ 10 color: $('#hdnBgColor').val(), 11 showPalette: true, 12 showInput: true, 13 preferredFormat: "hex6", 14 chooseText: "OK", 15 cancelText: "キャンセル", 16 palette: ["#ffffff", "#000000", "#d81921", "#f7931e", "#8cc63f", "#009a4e", "#00b9f2", "#003399", "#91278f", "#ef5ba1", "#784231", "#a0a0a0"], 17 change: function (color) { 18 $('#hdnBgColor').val(color); 19 } 20 }); 21 }); 22}; 23 24var colorpicker = function () { 25 26 $("#scaleBgColorBlock").each(function () { 27 $('#scaleBgColorBlock').spectrum({ 28 color: $('#hdnScaleBgColor').val(), 29 showPalette: true, 30 showInput: true, 31 preferredFormat: "hex6", 32 chooseText: "OK", 33 cancelText: "キャンセル", 34 palette: ["#ffffff", "#000000", "#d81921", "#f7931e", "#8cc63f", "#009a4e", "#00b9f2", "#003399", "#91278f", "#ef5ba1", "#784231", "#a0a0a0"], 35 change: function (color) { 36 $('#hdnScaleBgColor').val(color); 37 } 38 }); 39 }); 40 41}; 42 43
回答2件
あなたの回答
tips
プレビュー