更改文本框值后更改背景颜色

Question

I want to change the background color of my webpage when a color is selected from a ASPColorPicker and color code is in textbox. I have this jQuery code

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

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

And the TextBox

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

And in CSS I have this ID

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

Answer 1

See this link .

Add a JavaScript function:

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

And an OnClientColorSelectionChanged parameter with this function name to your ColorPickerExtender :

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