Hi,
I am having some issues with my Accordion. I am working on an
Enrollment page which has three Accordion Tabs as follows - Personal
Info, Billing Info, and Login Info. The panels are titled as Personal,
Billing, and Login. 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 title bar of Personal Info Panel Tab. This EDIT button should only
populate if the user hit submit in the Personal Info Panel. Then the
user can click this EDIT button to edit the data entered in Personal
Info. Panel which is in colupsed state.
I am using a <DIV> tag to populates the EDIT button and my Accordion
fails. Another words, the EDIT button get 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 submit the information of the specific panel.
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>
Any suggestions?
Thank You!
Riaz Masud
[EMAIL PROTECTED]
[EMAIL PROTECTED]
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
