$x_Hide/Show/Toggle works on a button, how about select list or tabs

Question

** After looking at the issue for days I think everyone must know what I am trying to do and a Carl pointed out they don't so here is the Readers Digest Condensed version.
I want have a single page that displays or hides regions depending on what the user want to do. So there is a single region that provides summary data and multiple regions for updates or reports that only show when that option is selected. I have got it working with buttons, thanks to Carl for his examples and numerous posts.
Now the powers that be see that as too much clutter on the screen and want a select list for the options, as there may be 10 or 12 options on a single "page." Hopefully this clarifies what I am trying to do.
I don't see anyway for it to work on tabs, at least not the tab sets in ApEx but select list have a "Display As" option for "Select List Returning URL redirect."
This sounds like the button "Optional URL Redirect" property. I have the code working on buttons on the same page so I added a select list and tried it.
The #REGION_STATIC_ID# is set up on the template of the region type being used and the regions hide and show as expected with the buttons.
So I set up an item on the page as a "Select List Returning URL redirect"
I created a static select list as:
STATIC2:Option1;javascript:$x_Hide('REGION1');$x_Hide('REGION2');$x_Show('REGION3')
I tried it with single quotes around the returning URL, and got
mod_plsql: /pls/htmldb/'javascript:$x_Hide('COBORROWER');$x_Hide('PROPERTY');$x_Show('BORROWER')' HTTP-400 Name "'javascript:$x_Hide('COBORROWER');$x_Hide('PROPERTY');$x_Show('BORROWER')'" is longer than 30 chars
without single quotes and got
New, blank screen with REGION3
mod_plsql: /pls/htmldb/'javascript:$x_Hide('REGION1');$x_Hide('REGION2');$x_Show('REGION3')' HTTP-400 Name "'javascript:$x_Hide('REGION1');$x_Hide('REGION2');$x_Show('REGION3')'" is longer than 30 chars
I took out the java stuff and put www.yahoo.com and got
Not Found
The requested URL /pls/htmldb/WWW.YAHOO.COM was not found on this server.
So the URL is being appended to the /pls/htmldb...
Hmm... I also removed "javascript:" and tried with and without single quotes... no luck... still appending the returning URL to /pls/htmldb/.
Tabs would be best but a drop down list is cleaner than 8 buttons.
Ideas? Spare change?
I may need it :)
Sam
Message was edited by:
slavanaway
Message clarified by:
slavanaway

Answer 1

What a difference a day and a pointer make.
I created a test function in the page html header
<script type="text/javascript">
function test(){
window.alert('Function test');
</script>
Changed the static list to
static2:Option1;javascript:test(),Option2;javascript:test()
and the function worked. I then changed the function to
<script type="text/javascript">
function test(){
$x_Toggle('REGION1');
</script>
and the region toggled on and off.
I then changed the select list to
static2:Option1;javascript:test(),Option2;javascript:$x_Toggle('REGION2')
and region1 toggled while Option 2 produced a blank browser page with the "REGION2" in the upper left hand corner.
I made functions for Option1, 2 and 3 with the appropriate $x_Hide/Show for each region and the select list now acts like the buttons.
Thanks for the help. I guess the call has an issue with the functions that are not on the page or ???. Maybe Carl can help, but since I needed more complex functions anyway this does not represent any more work while allowing me the option of a single page with multiple forms and reducing the complexity of the UI.
Score...