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:349084
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
