| |
This example demonstrates how to post back selected color to server (obout AJAXPage).
Example code
<script runat=server language="c#">
void Page_load(objectsender, EventArgs e){
if(!IsPostBack && !IsCallback)
color.Style["background-color"]= picker.InitialColor = "#FFFFFF";
}
public void OnColorSelect(string mColor){
Message.Text= "Server get color: " + mColor + " (previous value: " +picker.InitialColor + ")";
picker.InitialColor= color.Style["background-color"]= mColor;
UpdatePanel("cpColor");
}
</script>
<script type="text/JavaScript">
function OnColorPicked(sender){
if(typeof ob_post == "object"){
ob_post.AddParam("mColor", sender.getColor());
ob_post.post(null, "OnColorSelect",function(){});
}
}
</script>
... <oajax:CallbackPanel id="cpColor" runat="server" > <content> Click to the box: <obout:ColorPicker runat="server" OnClientPicked="OnColorPicked" Id="picker" TargetId="color" TargetProperty="style.backgroundColor" VerticalPosition="Top" > <asp:TextBox readOnly="true" id="color" style="cursor: pointer;" runat="server"/> </obout:ColorPicker> <br/><br/> <asp:label id="Message" runat="server"/> </content> </oajax:CallbackPanel>
See the full source code in /ColorPicker/aspnet_ajaxOnPick.aspx file of downloaded Suite.
| | |
| "What can I say except Oustanding!
Not only was your response clear, concise and complete, it was amazingly
quick.
I am very impressed and will certainly recommend in future.
Thank you :-) " |
Pete Davies |
|
| | |
|
|
|
|