How do I display more than one region as a modal popup?

Question

Hello all!
I have a popup that displays a report region. I now want it to display more than one region, say a report region and another report region underneath it.
Here's the code that I currently have (and this one can popup one region):
$.fx.speeds._default = 1000;
$( function(){
  $('#ModalForm').dialog(
     modal: true,
     autoOpen: false,
     width: 650,
     height: 450,
     buttons:{ Calculate: function(){calculateTotal();},
                     Close: function(){closeForm();}        
function openForm(pFoodTemplateId, pMealTypeId)
var getone = new htmldb_Get('shiny',&APP_ID.,"APPLICATION_PROCESS=DUMMY", &APP_PAGE_ID.); // initialize get
getone.add('P24_TEMPLATEID', pFoodTemplateId);
getone.add('P24_MEALID', pMealTypeId);
gReturn = getone.get();
getone = null;
$('#ModalForm').dialog('open');
function closeForm()
{$('#ModalForm').dialog('close');}
$(document).ready(function()
    {$('a.temppop').click(function() {openForm();});
});The class of the button (or in my case, the link in another region that's not displayed as a popup) is temppop.
QUESTION:_
How do I edit my existing code, so that it can now display another region?
The ID of the region it displays now is ModalPopup. I would like to add another region, with another ID off course. Pick any ID, as long as you can explain to me how.

Answer 1

Magali wrote:
Hello all!
I have a popup that displays a report region. I now want it to display more than one region, say a report region and another report region underneath it.
Here's the code that I currently have (and this one can popup one region):
$.fx.speeds._default = 1000;
$( function(){
$('#ModalForm').dialog(
modal: true,
autoOpen: false,
width: 650,
height: 450,
buttons:{ Calculate: function(){calculateTotal();},
Close: function(){closeForm();}        
function openForm(pFoodTemplateId, pMealTypeId)
var getone = new htmldb_Get('shiny',&APP_ID.,"APPLICATION_PROCESS=DUMMY", &APP_PAGE_ID.); // initialize get
getone.add('P24_TEMPLATEID', pFoodTemplateId);
getone.add('P24_MEALID', pMealTypeId);
gReturn = getone.get();
getone = null;
$('#ModalForm').dialog('open');
function closeForm()
{$('#ModalForm').dialog('close');}
$(document).ready(function()
{$('a.temppop').click(function() {openForm();});
});The class of the button (or in my case, the link in another region that's not displayed as a popup) is temppop.
QUESTION:_
How do I edit my existing code, so that it can now display another region?
The ID of the region it displays now is ModalPopup. I would like to add another region, with another ID off course. Pick any ID, as long as you can explain to me how.First build your dialog for new ID (please replace NEWREGIONID with your region static id)
$( function(){
$('#NEWREGIONID').dialog(
modal: true,
autoOpen: false,
width: 650,
height: 450,
buttons:{ Calculate: function(){calculateTotal();},
Close: function(){closeForm();}
And now you could open or close the dialog
$('#NEWREGIONID').dialog('open');