Modal Form

Question

Hi,
I have created a modal form using the code
" <link rel="stylesheet" href = "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/
redmond/jquery-ui.css" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"> </script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"> </script>
<script type="text/javascript">
$( function() {
$('#ModalForm1').dialog(
modal : true ,
autoOpen : false ,
buttons : {
Cancel : function() {
closeForm();
Add : function() {
addPerson();
function openForm()
$('#ModalForm1').dialog('open');
function closeForm()
$('#ModalForm1 input[type="text"]').val('');
$('#ModalForm1').dialog('close');
function addPerson()
var ajaxRequest = new htmldb_Get( null , &APP_ID. ,
'APPLICATION_PROCESS=addDepartment', 0);
ajaxRequest.add( 'P7_DEPT_ID', $v('P7_DEPT_ID'));
ajaxRequest.add( 'P7_DEPT_NAME', $v('P7_DEPT_NAME'));
ajaxRequest.add( 'P7_DEPT_ISSUE', $v('P7_DEPT_ISSUE'));
var gReturn = ajaxRequest.get();
if(gReturn)
{ alert(gReturn) }
else
{ ajaxRequest = null;
closeForm();
doSubmit('SEARCH'); }
</script>
Button: Template based button
action-Redirect to url
javascript:openForm();
Here i want to create an another modal form with another button on same page. I tried with the button attributes but it won't work.
so, how can i create an other modal form????

Answer 1

Tulasi 1243 wrote:
but i couldn't find how to use those plugins to create another modal form..As stated in the documentation (http://www.skillbuilders.com/download/download-resource.cfm/instructions.pdf?file=Oracle-Apex/plugins/modal_page//instructions.pdf), you can identify each Modal page with an identifier:
Modal Page ID
The Modal Page ID setting is used to associate an identifier, such as "create-customer-page", with the modal page that has been opened. When the modal page closes, this identifier will be passed back with the event object so that the closing of one modal page can be differentiated from another. The value can be accessed from the data object of "this" in a Dynamic Action with: this.data.modalPageId. If not all modal dialogs on a page have a Modal Page ID specified, you will first need to test if the modalPageId exists.
You should be able to open multiple modal pages.
Robert
http://apexjscss.blogspot.com