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:
> I am curious as to whether this concept can be done. I have a Spry tabbed
> page designed that contains 4 different options. Within these options (on
> each tab) there is a dropdown list and buttons to either add, update or
> delete. Is there a way I can process each of these tabs seperately using one
> overall form? I have buttons all named differently and each one would open
> up a new page.
>
> Any ideas?
>
> Here is a quick snapshot(only 2 options shown)_:
>
> <form name="mainform" method="post">
> <cfoutput>
> <div id="TabbedPanels1" class="TabbedPanels">
>
> <ul class="TabbedPanelsTabGroup">
> <li class="TabbedPanelsTab" tabindex="0">Project Management</li>
> <li class="TabbedPanelsTab" tabindex="0">Work Performed</li>
> </ul>
> <!--------------Tab Contents----------------->
> <div class="TabbedPanelsContentGroup">
> <!--------------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.--->
> <cfloop query="Project">
> <option value="#Project.Project_ID#">#Short_Title#</option>
> </cfloop>
> </select>
> <div class="bclear"></div>
> </div>
>
> <div style="margin-top:10px;">
> <div class="style78">
> <input name="AddProject" type="button" class="style78" id="Add"
> onClick="return onAddProject();" value="Add"/>
> <input name="UpdateProject" type="button" class="style78"
> id="Update" onClick="return onUpdateProject();" value="Update"/>
> <input name="DeleteProject" type="button" class="style78"
> id="Delete" onClick="return onDeleteProject();" value="Delete"/>
> </div>
> <div class="bclear"></div>
> </div>
>
>
> </div>
>
> <!--------------Work Performed----------------->
>
> <div class="TabbedPanelsContent">Select Project to Update or Click Add
> to Insert New Work Item Against a Project
>
> <div style="margin-top:25px;margin-bottom:15px;">
> <select name="ProjectName" size="1" class="style78" id="ProjectName">
> <!---populate the facility drop-down list.--->
> <cfloop query="Project">
> <option value="#Project.Project_ID#">#Short_Title#</option>
> </cfloop>
> </select>
> <div class="bclear"></div>
> </div>
>
> <div style="margin-top:10px;">
> <div class="style78">
> <input name="AddWork" type="button" class="style78" id="Add"
> onClick="return onAddWork();" value="Add"/>
> <input name="UpdateWork" type="button" class="style78" id="Update"
> onClick="return onUpdateWork();" value="Update"/>
> <input name="DeleteWork" type="button" class="style78" id="Delete"
> onClick="return onDeleteWork();" value="Delete"/>
> </div>
> <div class="bclear"></div>
> </div>
>
> </div>
> </div>
> </div>
> </cfoutput>
> </form>
>
>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
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:349088
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
