Hello,
I desperately need your help / suggestions. I am working on an
Enrollment page which has three Accordion Tabs as follows - Personal
Info, Billing Info, and Login Info. Basically, the user fills out the
information in the Personal Info Panel and hit submit. As soon as the
user hit submit, the Personal Info Panel colupses and the Billing Info
Panel expands. Everything works fine. Now, I want to add an EDIT
button in the Personal Info Panel Tab which will only populate as soon
as the user hit submit in the Personal Info Panel. The user can click
this EDIT button to open up Personal Info. Panel to edit any
information.
I am using a <DIV> tag to populates the EDIT button and my Accordion
fails. Another words, the EDIT button gets populated when the user hit
submit in the Personal Info. Panel, but clicking the EDIT button does
not open the Personal Info. Panel. But, if I use a button with no
<DIV> tag everything works fine. I need to use a <DIV> tag because I
want to control the appearence of the EDIT button based on whether or
not the user filled out all the info. and hit submit.
Is it possible to do?
PLEASE HELP!
Code to populate the EDIT button:
document.getElementById('populateEdit1').innerHTML = "<input
type='button' id='backToAcctInfo' class='previous' value='OPEN 1'/>";
Codes to expand Personal Info Panel:
$("#backToAcctInfo").click(function() {
alert("backToAcctInfo");
wizard.activate(0);
});
Code for the <DIV> tag in the HTML:
<td width=125 align=left>
<div id='populateEdit1'>
<input type="button" id="backToAcctInfo" class="previous"
value="EDIT"/>
</div>
</td>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
