I am new to spry tabs, but I have tried to put a form on each
TabbedPanelsContentGroup. It looks ok for the first tab, but then after that
everyting seems to be ignored. Sorry for all the questions, but any help is
appreciated.
<!--------------Tab Values----------------->
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">Project Management</li>
<li class="TabbedPanelsTab" tabindex="0">Work Performed</li>
<li class="TabbedPanelsTab" tabindex="0">Reports</li>
<li class="TabbedPanelsTab" tabindex="0">Personnel</li>
</ul>
<!--------------Tab Contents----------------->
<div class="TabbedPanelsContentGroup">
<form name="ProjectForm" method="post" action="PTS_add_project.cfm">
<!--------------Project Management----------------->
<div class="TabbedPanelsContent">Select Project for Click Add to Input New
<div style="margin-top:25px;margin-bottom:15px;">
<select name="ProjectName" size="1" class="style78" id="ProjectName">
<!---populate the facility drop-down list.--->
<cfif (Project.recordcount GT 0)>
<cfloop query="Project">
<option value="#Project.ProjectID#">#Short_Title#</option>
</cfloop>
<cfelse>
<cfset Mon = Month(Now())>
<cfif (Mon GT 9) AND (Mon LT 13)>
<cfset FY = Year(Now()) + 1>
<cfelse>
<cfset FY = Year(Now())>
</cfif>
<cfset Num = Project.recordcount + 1>
<cfset paddingChar = "0">
<cfset RecID = Num & repeatString(paddingChar, 4-len(Num))>
<cfset NewProjectID = FY + RecID>
#NewProjectID#
<option value="#NewProjectID#">Add New Project to
Populate</option>
</cfif>
</select>
<div class="bclear"></div>
</div>
<div style="margin-top:10px;">
<div class="style78">
<cfif (#Form.ProjectName# NEQ #NewProjectID#)>
<input name="UpdatePrj" type="submit" value="Update"/>
<input name="ProjectID" type="hidden" value="Form.ProjectName"/>
<cfelse>
<input name="AddPrj" type="submit" value="Add"/>
</cfif>
<input name="DeletePrj" type="button" onClick="DeleteProject();"
value="Delete"/>
</div>
<div class="bclear"></div>
</div>
</div>
</form>
<!--------------Work Performed----------------->
<div class="TabbedPanelsContent">Select Project to Update or Click Add to
Insert New Work Item Against a Project
<form name="WorkForm" method="post" action="PTS_add_work.cfm">
<div style="margin-top:25px;margin-bottom:15px;">
<select name="ProjectName" size="1" class="style78" id="ProjectName">
<!---populate the facility drop-down list.--->
<cfif (Project.recordcount GT 0)>
<cfloop query="Project">
<option value="#Project.ProjectID#">#Short_Title#</option>
</cfloop>
<cfelse>
<option value="NewProject">Add New Project to Populate</option>
</cfif>
</select>
<div class="bclear"></div>
</div>
<div style="margin-top:10px;">
<div class="style78">
<input name="AddWrk" type="button" class="style78" id="Add"
onClick="AddWork();" value="Add"/>
<input name="UpdateWrk" type="button" class="style78" id="Update"
onClick="UpdateWork();" value="Update"/>
<input name="DeleteWrk" type="button" class="style78" id="Delete"
onClick="DeleteWork();" value="Delete"/>
</div>
<div class="bclear"></div>
</div>
</div>
</form>
<!--------------Reports----------------->
<div class="TabbedPanelsContent">Select Report to View
</div>
<!--------------Personnel----------------->
<div class="TabbedPanelsContent">Select Employee to Update or Click Add to
Insert New Employee
<form name="EmployeeForm" method="post" action="PTS_add_employee.cfm">
<div style="margin-top:25px;margin-bottom:15px;">
<select name="EmployeeName" size="1" class="style78" id="EmployeeName">
<!---populate the facility drop-down list.--->
<cfif (Employee.recordcount GT 0)>
<cfloop query="Employee">
<option value="#Personnel.PersonnelID#">#FirstName#
#LastName#</option>
</cfloop>
<cfelse>
<option value="NewProject">Add New Employee to Populate</option>
</cfif>
</select>
<div class="bclear"></div>
</div>
<div style="margin-top:10px;">
<div class="style78">
<input name="AddEmp" type="button" class="style78" id="Add"
onClick="AddEmployee();" value="Add"/>
<input name="UpdateEmp" type="button" class="style78" id="Update"
onClick="UpdateEmployee();" value="Update"/>
<input name="DeleteEmp" type="button" class="style78" id="Delete"
onClick="DeleteEmployee();" value="Delete"/>
</div>
<div class="bclear"></div>
</div>
</div>
</form>
<!--------------Tab Contents End----------------->
</div>
<!--------------Tab End----------------->
</div>
>Wendy,
>
>The simplest thing of course would be to put a form inside each tab. If
>there are reasons not to do that, you can simply update the form's
>action in your onclick functions before submitting.
>
>onAddProject() {
> //etc.
> this.form.action = ''/projectHandler.cfm;
> //etc.
>}
>onAddWork() {
> //etc.
> this.form.action = ''/workHandler.cfm;
> //etc.
>}
>
>On 12/13/11 11:37 AM, Wendy Wyffels wrote:
>>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive:
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:349161
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
