Javascript: display region

Question

Hi,
is it possible to hide / show a region with javascript? I know there are functions for items, but I have a whole region, that I want to display depending on a select list. I know I could do this with a select list with redirect and then create a conditional display, but I don't want to have the page submitted always, when user is making a select from the list.
Any ideas?
Thanks
chrissy

Answer 1

Victorp,
If you're still interested, I have a solution for this using AJAX and the APEX repository. It pulls the region id back from the repository dynamically, so no need to hard code.
(This solution assumes you have no regions with the same name on the same page.)
1. Create an application item called, 'TEMPORARY_REGION_NAME'.
2. Create an application process with the following parameters:
Name: GET_REGION_ID
Processing point: 'On demand...'
Process text:
declare
   v_region_id number;
begin
   owa_util.mime_header('text/xml', FALSE );
   htp.p('Cache-Control: no-cache');
   htp.p('Pragma: no-cache');
   owa_util.http_header_close;
   --Retrieve the region id from the repository
   select region_id
   into v_region_id
   from apex_application_page_regions
   where 1=1
   and application_id = :APP_ID
   and page_id = :APP_PAGE_ID
   and region_name = :TEMPORARY_REGION_NAME;
   htp.prn(v_region_id);
   --Clear it ready for next usage
   :TEMPORARY_REGION_NAME := '';
exception
   when no_data_found then
      htp.prn('No Data Found');
end;3. Make the following 2 javascript functions available to your application (suggested method would be in a '.js' file stored on the webserver).
function getRegionId(p_region_name){
   var regionId = null;
   var get = new htmldb_Get(null,html_GetElement('pFlowId').value,'APPLICATION_PROCESS=GET_REGION_ID',$x("pFlowStepId").value);
   get.add('TEMPORARY_REGION_NAME',p_region_name);
   return regionId = 'R' + get.get();
   get = null;
function toggleRegion(p_region_name){
   //get region id from repository to avoid hard coding
   var regionId = getRegionId(p_region_name);
   $x_Toggle(regionId);
}4. Add the following code to the 'Element > HTML Form Element Attributes' of the page item you wish activate the toggle:
onchange="toggleRegion('<your region name>');"Hope this helps anyone out there still using 2.2.
Anthony.
http://anthonyrayner.blogspot.com
Message was edited by:
Anthony Rayner