Disable and Enable ConfirmButtonExtender

[e6h2w]

Hi

Does anyone know how to disable and enable ConfirmButtonExtender, using Javascript?

I don't want the ConfirmButtonExtender to be enable until a change to a text box has been made.

Here is the code I have so far

ASP.NET Code


<asp:UpdatePanel ID="UpdatePanel3" runat="server">

<contenttemplate>


<asp:TextBox ID="tbPort" CssClass="medium_textbox" runat="server" MaxLength="250" />




<br />

<asp:Button ID="btnBack" runat="server" Text="Back to Hail List" OnClick="btnBack_Click" CausesValidation="False" />





<ajaxToolkit:ConfirmButtonExtender ID="ConfirmButtonExtender2" runat="server" TargetControlID="btnBack" DisplayModalPopupID="ModalPopupExtender2" Enabled="True" />



<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender2" runat="server" TargetControlID="btnBack" PopupControlID="PNL" OkControlID="ButtonOk" CancelControlID="ButtonCancel" BackgroundCssClass="modalBackground" Enabled="True" />



<asp:Panel ID="PNL" Enabled="false" runat="server" style="display:none; width:200px; background-color:White; border-width:2px; border-color:Black; border-style:solid; padding:20px;">

Changes have been made. Are you sure you want to continue without saving?

<br /><br />

<div style="text-align:center;">

<asp:Button ID="ButtonOk" runat="server" Text="Yes" OnClick="ButtonOk_Click" CausesValidation="False" Enabled="true" />

<asp:Button ID="ButtonCancel" runat="server" Text="No" OnClick="ButtonCancel_Click" CausesValidation="False" Enabled="true" />

</div>

</asp:Panel>









</contenttemplate>

</asp:UpdatePanel>



Javascript code

function fnTrapKD(localPNL, localCBE1, localCBE2, localCancel, localOK){

this.obj = document.getElementById(localPNL);

if (this.obj.disabled ==true)

this.obj.disabled = false;

btnOK = document.getElementById(localOK);

if (btnOK.disabled ==true)

btnOK.disabled = false;

btnCancel = document.getElementById(localCancel);

if (btnCancel.disabled ==true)

btnCancel.disabled = false;



//MPE1 = document.getElementById(localMPE1);

//alert(MPE1.disabled);

//if (MPE1.disabled ==true)

//MPE1.disabled = false;

//alert(MPE1.id);

//alert(MPE1.disabled);

//MPE2 = document.getElementById(localMPE2);

//alert(MPE2.disabled);

//if (MPE2.disabled ==true)

//MPE2.disabled = false;

//alert(MPE2.id);

//alert(MPE2.disabled);

//this commented code was where I was trying to disable the
// ModalPopupExtender

alert(localCBE1)
alert(localCBE2)

CBE1 = document.getElementById(localCBE1);

alert(CBE1.disabled);

if (CBE1.disabled ==true)

CBE1.disabled = false;

alert(CBE1.id);

alert(CBE1.disabled);

CBE2 = document.getElementById(localCBE2);

alert(CBE2.style.display);

if (CBE2.style.display == "none")

CBE2.style.display = "block";

alert(CBE2.id);

alert(CBE2.style.display);



}

C# Code in code behind

protected void Page_Load(object sender, EventArgs e)

{

tbPort.Attributes.Add("OnKeyDown", "javascript:fnTrapKD('" + this.PNL.ClientID + "','" + this.ConfirmButtonExtender1.ClientID + "_CBE_MPE_Placeholder','" + this.ConfirmButtonExtender2.ClientID + "_CBE_MPE_Placeholder','" + this.ButtonCancel.ClientID + "','" + this.ButtonOk.ClientID + "')");

}



Any help on this matter would be great.
Thanks
Jason (http://www.Prop2Go.com)