2014-02-17 4 views
0

Я хочу изменить цвет фона моей веб-страницы, когда цвет выбран из ASPColorPicker и код цвета находится в текстовом поле. У меня есть этот JQuery кодИзменение цвета фона при изменении значения текстового поля

<script type="text/javascript"> 
    function changeColor() { 
     $('#page').css('background', $("#colorPickerTextBox").val()); 
    } 

    $("#colorPickerTextBox").change(changeColor); 
</script> 

И в TextBox

<asp:TextBox ID="colorPickerTextBox" onchange="changeColor" runat="server"> 
</asp:TextBox> 
<asp:ColorPickerExtender TargetControlID="colorPickerTextBox" ID="ColorPicker" runat="server"> 
</asp:ColorPickerExtender> 

И в CSS У меня есть этот ID

#page { 
    width: 990px; 
    margin: 0 auto; 
    padding: 20px 5px; 
    background: #FF99FF; 
} 
+0

Каков ваш вопрос? Какие ошибки вы получаете? Что происходит? – berentrom

+0

Я в замешательстве по поводу вашей проблемы, что вы ожидали увидеть, что происходит вместо этого? – badAdviceGuy

+0

Цвет не меняется ... Это ошибка –

ответ

0

См this link.

Добавить функцию JavaScript:

function selectedColorChanged(sender) { 
    $("#page").css({ 
     backgroundColor: "#" + sender.get_selectedColor() 
    }); 
} 

И параметр OnClientColorSelectionChanged с этим именем функции к вашему ColorPickerExtender:

<asp:ColorPickerExtender TargetControlID="colorPickerTextBox" 
    ID="ColorPicker" 
    runat="server" 
    OnClientColorSelectionChanged="selectedColorChanged"> 
</asp:ColorPickerExtender> 
+0

Предупреждение («Работает !!! Love You») –

+0

Добро пожаловать (пожалуйста, избегайте таких комментариев :)) – n1k1ch

Смежные вопросы