Skip to main content
Participant
January 30, 2011
Question

1 button, 2 pages, 2 different cflayoutareas

  • January 30, 2011
  • 1 reply
  • 599 views

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>

    This topic has been closed for replies.

    1 reply

    Community Expert
    January 30, 2011

    You can place multiple commands within a JavaScript event handler:

    onclick="doSomething();doSomethingElse();"

    So, you can put both of your ColdFusion.Navigate calls in one event handler.

    Dave Watts, CTO, Fig Leaf Software

    http://www.figleaf.com/

    http://training.figleaf.com/

    Dave Watts, Eidolon LLC
    MIGhunterAuthor
    Participant
    January 30, 2011

    Ahh, I was trying to double up on the navigate function instead of trying to repeat the whole thing.  Got it working, thanks.