1 button, 2 pages, 2 different cflayoutareas
I'm trying to get a menu button to load 2 different cfml pages into a cflayout page. When the user clicks the button, I want it to load 1 page into the main secion and another into the bottom section. For the life of me, I can't figure out how to do this. Here is the code that I am using.
<cflayout name="outerlayout" type="vbox">
<cflayoutarea style="height:800;">
<cflayout name="thelayout" type="border" height="800">
<!--- The 100% height style ensures that the background color fills
the area. --->
<cflayoutarea title="Menu" position="top" size="51" splitter="true"
style="height:100%" align="center">
<cfform>
<!--- This button only replaces the second window body with the body of the
AF3_Priority_Whateverpiece.cfm page. --->
<cfinput type="button" name="button" value="Head"
onClick="ColdFusion.navigate('AF3_Priority_Head.cfm','mainWindow');"
<cfinput type="button" name="button" value="Body"
onClick="ColdFusion.navigate('AF3_Priority_Body.cfm','mainWindow');">
<cfinput type="button" name="button" value="Hands"
onClick="ColdFusion.navigate('AF3_Priority_Hands.cfm','mainWindow');">
<cfinput type="button" name="button" value="Legs"
onClick="ColdFusion.navigate('AF3_Priority_Legs.cfm','mainWindow');">
<cfinput type="button" name="button" value="Feet"
onClick="ColdFusion.navigate('AF3_Priority_Feet.cfm','mainWindow');">
</cfform>
</cflayoutarea>
<cflayoutarea position="center"
style="height:100%" name="mainWindow">
Welcome to the BotD AF3 Priority page. Please Click on a menu button on the left to look at your priority. Once you have, you can click the "Add Yourself" link to add or edit
your Priority.<br />
</cflayoutarea>
<cflayoutarea position="bottom"
style="height:100%"
size="100"
name="bottomWindow"
Splitter="True">
</cflayoutarea>
</cflayout>
</cflayoutarea>
</cflayout>
