JQuery modal model Theme26

Hi all

4.2.5 apex...  XE 11.2 theme 26...

I saw that theme26 has a pattern of modal region of JQuery, but I can find no documentation or sources online that explain how to actually run...   If I put a region to it, its just empty...

Can someone point me in the right direction, or the documentation to find out how to use it?

Thank you very much

Richard

CTRL-U ;-)

It's pretty simple and there are a dozen ways to make it happen.

Link in the report button opens this URL

JavaScript: $s('P8_EMPNO', #EMPNO#);

On change DA works this JS

openModal ('EMP');

Cancel button closed modal

closeModal();

Tags: Database

Similar Questions

  • Modal model or dialog box to determine the choice of options

    Hello all, greetings to all! I tried to understand a lot of manuscript of Java, but without much success. Programming isn't for everyone. I know, it won't be easy, but it I ask for costs. I have here a challenge for us to build a 'modal' dialog box to perform various functions with different scripts. If possible, some of the big developers forum here to try to create a simple modal model with at least 4 options and each option run script corresponds to its proper functioning. I believe that with four functions, I'll get to edit the template and add other features.

    "The dream of professional graphics is a nightmare for the developer."

    illustração.jpg

    Use these scripts in the template options: (this will facilitate my understanding)

    Example scripts:

    http://zip.NET/bdtr4L

    Jarda Bereza, thanks for the help! Sorry for the delay...

    I found the answer that solved my problem in the forum Extensionbuilder3

    https://forums.Adobe.com/thread/2201000

    Thanks to the great Davide Barranca master 'DBarranca '. He has created a great model and sent through social networks.

    Thank you!

  • How to pass the PHP variable to menu jQuery Modal popup

    Hello

    Need help to find how to pass a variable in php (which is recovered in a while loop) in a modal window.

    There is a list of users on the page (shown with a while loop), with buttons Remove next to each of them.

    When the administrator clicks the button Delete for that specific user, a modal window appears confirming their action.

    I can't find a simple way to communicate the id of the user to be removed the modal (where the query is performed, once 'Yes to confirm deletion' is clicked).

    I deleted the jQuery, seeing as how this could change how the modal opens and closes.

    This is the modal:

    < div class = "modal" >

    < div class = "modal_wrapper" >

    < div class = "modal_title" > are you sure you want to delete this user? < / div >

    < div class = "modal_content" >

    < div class = "modal_button_no" > n < / div >

    < div class = "modal_button_yes" > Yes, delete it < / div >

    < / div >

    < / div >

    < / div >

    < div class = "delete_btn" > delete user < / div >

    The variable with the user name is:

    $user_id

    Any help would be much appreciated!

    Thank you

    It is a fairly simple procedure. Personally I'm not sure that its worth the effort for a box of administration but good we all have different opinions - there is no wrong or it.

    Suppose that your buttons delete on your page are anchor tags and you have locked down your database of names to create anchor tags. The value of dir below has been inserted via php through loop and is your RegID.

    Delete

    Delete

    Delete

    Delete

    When you click the anchor tag (that class name "delete") opens a lightbox. You also have to collect the value of "dir" at the time the lightbox opens - happening of value to a hidden in the lighbox code entry field.

    The value of the "dir" command is passed to the light table in a hidden form field:

    "You have a delete button in the light table with the class of ' delete_record ':

    Delete the record

    When the user clicks on the button Delete in the light table the value of hidden form field is harvested and forwarded to your page of delete_record.php via the jquery/ajax script below, were also on the same page.

    Your delete_record.php would look like below, assuming that you use mysqli or if you are using mysql then you would follow the same delete procedure as usual.

    <>

    $conn = new mysqli ('localhost', 'root', 'root', 'name');

    {if ($conn-> connect_errno)}

    echo $conn-> connect_error;

    Die (' sorry, can not connect to the moment, try again later ');

    }

    ?>

    <>

    delete the record

    $record_id = $conn-> real_escape_string (stripslashes (trim($_POST['record_id'])));

    $conn-> query ("' DELETE FROM names WHERE record_id = ' $record_id ' '");

    $record_deleted = "true";

    ?>

    An alert box will appear at the end, confirming that the record has been deleted. You do not have to deploy an ugly alert box - you sends the data to the device of light therapy from the delete_record.php page in a few nice melted in

    If you want to be more subtle about it.

  • value of ajax in the text [in jquery modal box] box

    Hello
    In my page, I have an interactive report with 2 button Add and edit, I used box modal j-query for the add and edit button. Add the data through the modal box works very well.
    When trying to change the existing data I can not set the data in the corresponding text box in the apex.

    Please find my modal box script:

    < link rel = "stylesheet" href = "" #APP_IMAGES #modal-jquery - ui.css "type =" text/css">"
    < script src = #APP_IMAGES #modal - jquery.js type = "text/javascript" > < / script >
    < script src = #APP_IMAGES #modal-jquery - ui.js type = "text/javascript" > < / script >
    < script type = "text/javascript" >
    $(function() {})
    $('#ModalForm').dialog ({}
    modal: true,
    Width: 550,
    height: 300,.
    autoOpen: false,
    Resizable: false,
    buttons: {}
    Cancel: function() {}
    closeForm();
    } ,
    Add: function() {}
    addPerson();
    }
    }
    });
    $('#ModalForm1').dialog ({}
    modal: true,
    Width: 550,
    height: 300,.
    autoOpen: false,
    Resizable: false,
    buttons: {}
    Cancel: function() {}
    closeForm1();
    } ,
    Update: function() {}
    UpdatePerson();
    }
    }
    });
    });
    function openForm() {}
    $('#ModalForm').dialog ('open');
    }
    function openFormclose() {}
    $('#ModalForm1').dialog ('open');
    Alert ('opened');
    var updateval = document.getElementById('P37_UPDATEID').value;
    get var = new htmldb_Get (null, html_GetElement('pFlowId').value, 'APPLICATION_PROCESS is updateperson', 0);
    Get.Add ('P37_UPDATEID', updateval);
    var gReturn = get.get ();
    Alert (gReturn);
    document.getElementById('P37_UPADATEPRONAME').value = gReturn;
    }
    function closeForm1() {}
    $('#ModalForm1_input[type="text"]').val (»);
    $('#ModalForm1').dialog ('close');
    }
    function closeForm() {}
    $('#ModalForm_input[type="text"]').val (»);
    $('#ModalForm').dialog ('close');
    }
    function addPerson() {}
    If (document.getElementById('P37_ADDSOFTDETAILS').value == "") {}
    Alert ('Please enter Software Details.');
    Returns false;
    }
    If (document.getElementById('P37_ADDSOFTVERSION').value == "") {}
    Alert ("' Please enter software Version.");
    Returns false;
    }
    If (document.getElementById('P37_STANDARD').value == "") {}
    Alert ("' Please enter software Standard.");
    Returns false;
    }
    var ajaxRequest = new htmldb_Get (null, & APP_ID., 'APPLICATION_PROCESS is addPerson', 0);
    ajaxRequest.add ('P37_ADDSOFTDETAILS', $v ('P37_ADDSOFTDETAILS'));
    ajaxRequest.add ('P37_ADDSOFTVERSION', $v ('P37_ADDSOFTVERSION'));
    ajaxRequest.add ('P37_STANDARD', $v ('P37_STANDARD'));
    ajaxRequest.get ();
    ajaxRequest = null;
    closeForm();
    gReport.search ('SEARCH');
    }
    < /script >


    and find the correspondent on the below application process:
    addPerson:
    DECLARE
    BEGIN
    INSERT INTO xxxxxx.yyyyyyyyyy)
    INT_PRODUCT_SEQ,
    INT_PRODUCT_NAME,
    INT_PRODUCT_VERSION,
    INT_PRODUCT_VERSION_DEFINE,
    CREATED_BY,
    CREATED_DATE
    )
    VALUES (xxxxxx.INT_ADD_SOFTDETAILS_SEQ. NEXTVAL,
    : P37_ADDSOFTDETAILS,.
    : P37_ADDSOFTVERSION,.
    : P37_STANDARD,.
    V ("APP_USER'),
    SYSDATE);

    COMMIT;

    apex_application.g_print_success_message: = 'Record inserted with succΦs.';
    EXCEPTION
    WHILE OTHERS
    THEN
    apex_application.g_print_success_message: = "Falied to insert data.";
    END;


    and updateperson: is
    DECLARE
    v_product_name varchar2 (240);
    v_product_version varchar2 (240);
    v_product_version_standard varchar2 (240);
    v_update varchar2 (240);
    BEGIN
    BEGIN
    SELECT INT_PRODUCT_NAME,
    INT_PRODUCT_VERSION,
    INT_PRODUCT_VERSION_DEFINE
    IN v_product_name, v_product_version, v_product_version_standard
    OF xxxxxxx.yyyyyyyyy
    WHERE INT_PRODUCT_SEQ =: P37_UPDATEID;

    HTP.prn (v_product_name);
    EXCEPTION
    WHILE OTHERS
    THEN
    HTP.prn ("an error has occurred -"
    || SQLCODE
    || "- ERROR -"
    || SQLERRM);
    END;
    END;

    Hello

    First of all:
    I can't find any definition of the function updateperson(); called by $('#ModalForm1').dialog - Update button.
    It has alert ('opened'); only. There should be the updateperson() function declaration.

    There is no adjustment of any matches at the opening of the modal form updated.

    I use it this way.

    function openForm(v_add_details, v_add_softv, v_stand)
{
    $('#ModalForm').dialog('open');
    $s('P37_ADDSOFTDETAILS', v_add_details);
    $s('P37_ADDSOFTVERSION',  v_add_softv);
    $s('P37_STANDAR', v_stand));
}

    where the P12_X are... modal form elements. and the v_... parameters are the parameters of the corresponding columns of the report. (you got something like: redirect URL: javascript: openFormclose();)
    It should be replaced by something like openFormclose (' #P37_ADDSOFTDETAILS # "," #P37_ADDSOFTVERSION #',' #P37_STANDARD #');

    Maybe this example will guide to you a little :D
    Otherwise try to reproduce your solution on apex.oracle.com. there I can modify your code to make it work.

    EDIT: I use the PLUGIN post by Dene. It works well too. I used above solution until the plugin has been released.

    concerning
    J :D

    Published by: jozef_SVK on 10.5.2013 04:07

  • jQuery modal dialog box

    Hello
    I want to create a modal jquery dialog.
    I followed Dene Kuniceks example (http://apex.oracle.com/pls/otn/f?p=31517:257:2686314880885355:RP, ::))

    It works very well.
    With one exception: I have also start with a report, but the report contains a parameter that is passed from another page.
    The request is something like

    Select ename
    sal
    comm
    WCP
    where empno =: p23_empno
    ;

    After the execution of the application process on this setting is disabled so that the report returns no rows.

    How can I prevent the clear setting?

    Sincere friendships Erik

    I want to just go back to my original report page.

    Can remove the 'doSubmit ('SEARCH');"line of the function 'addPerson()' (or the equivalent function, you have created). If the form closes without doing anything to the home.

    Since you're on apex 4, you don't need to use an ondemand for this process (there is even a component on specific request called callback for specific ajax calls to this page), but simply to define a dynamic action that fires when the button is clicked (delete button action and add an id of HTML that you can use in D.A. to select the button or you can even use a region key to) This).
    Choose run PLSL block, use the same code for the dynamic action and all of these adds option «Items to submit»
    If you want to refresh the report, it would be as simple as adding another real action in the region of refresh type and choose the report area.

  • JQuery modal dialog on the application does not - help?

    Hello. I have a page where I want a region that must appear in a JQuery dialog box. I have this in the page header:
    <script src="/i/UI/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="/i/UI/js/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
<script src="/i/UI/js/jquery.pstrength-min.1.2.js" type="text/javascript"></script>
<script src="/i/UI/development-bundle/ui/ui.dialog.js" type="text/javascript"></script>
<script src="/i/UI/development-bundle/ui/ui.core.js" type="text/javascript"></script>
<script src="/i/UI/development-bundle/ui/ui.draggable.js" type="text/javascript"></script>
<script src="/i/UI/development-bundle/ui/ui.resizable.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="/i/UI/css/custom-theme/jquery-ui-1.7.2.custom.css" />

<script type="text/javascript"> 
$(document).ready(function(){
 
$("#dialog").dialog({
bgiframe: true,
autoOpen: false,    // hides the window by default and you will use function $("#dialog").dialog('open'); to open it
height: 300,
modal: true
 
});
 
});
function f_show_dialog()
{
$("#dialog").dialog('open');
 
}
</script>
    And a region called "forgotten password?" That contains this in the header of the region:

    {code}
    < div id = "dialogue" title = "Password forgotten?" >
    {code}

    and this, in the footer:

    {code}
    < / div >
    {code}


    When I click on a link, I want a modal to open dialog box that shows the region.

    When I try to launch it, firebug returns an error and the same error recurs whenever I click on the link. It is said

    * "$("#dialog")".dialog is not a function - modal: true "*."

    Anyone know what I am doing wrong? Help, please... I tried the continuation of aid on this thread http://forums.oracle.com/forums/thread.jspa?threadID=1031046 & start = 30 & tstart = 0 but nothing helped.

    Hello

    If you try this

    Dialog box opens when you run the page?

    BR, Jari

  • Implement jQuery modal form

    Hello
    For a long time I'm trying to find that everything related to the implementation of the windows popup modal in the Apex and so far without success.
    Here is a link:
    [http://jqueryui.com/demos/dialog/#modal-form]

    and it's close to everything I want to get. I have a page with lots of buttons and points, by clicking one of the buttons I want modal popup window and the Parent Page (stored in item hiden) value passed to the modal window. I want to enter some data in the modal window and clicking on 'submit' data will go to the table and window must be closed after that. At the same time, I need... Parent page to get the data just entered of modal (or simply be refreshed), it's all the stuff at base of pop-up windows and modals... but I can't get this to work.
    Someone's done it before? No results?

    Thank you very much

    Hi Yasen,

    Here's a demo run (in FF and IE):

    http://Apex.Oracle.com/pls/OTN/f?p=22110:1

    Use demo/demo under the user name and password.

    To see what I did then connection to the hosted site:

    http://Apex.Oracle.com/pls/OTN/f?p=4550:1

    and its called PAULSANDBOX workspace and use the same details as stated above. Then the application is called dialog app.

    If there is just no problem, then gives US just a scream.

    See you soon,.
    Paul.

    Published by: la_grominette on February 22, 2010 11:24

    Published by: la_grominette on February 22, 2010 11:27

  • How to extract the values inside the jquery element dialogue modal rigion

    Hi all

    My requeriment is

    Click report link open jquey editable modal dialog and display all values with respective ID values.

    1.I used page header HTML code below

    < 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() {})

    () $('#ModalForm').dialog

    {

    modal: true,

    autoOpen: false,

    Width: 600

    buttons: {}

    Back: function() {}

    closeForm();

    } ,

    Approve: function() {}

    addPerson();

    },

    Return_For_Correction: function() {}

    addPerson();

    },

    Reject: function() {}

    addPerson();

    }

    }

    });

    });

    function openForm (TrxId)

    {

    Alert (TrxId);

    $s ('P3_x_trx_id', TrxId);

    $('#ModalForm').dialog ('open');

    }

    function closeForm()

    {

    $('#ModalForm_input[type="text"]').val (»);

    $('#ModalForm').dialog ('close');

    }

    function addPerson()

    {

    var ajaxRequest = new htmldb_Get (null, & APP_ID., 'APPLICATION_PROCESS is updateStatus', 0);

    ajaxRequest.add ('P3_status', $v ('P3_status'));

    var gReturn = ajaxRequest.get ();

    If (gReturn)

    {alert (gReturn)}

    on the other

    {ajaxRequest = null;

    closeForm();

    doSubmit ('SEARCH'); }

    }

    < /script >

    2. static html Id - ModalForm region

    3. region html Header-

    < div id = "ModalForm" title = "View details" style = "display: none" >

    4.footer-

    < / div >

    5. in the same page created 'extraction of line auotomatic' process by using the value of key PK P3_trx_id

    6 Jquery modal region is created but not showing values.

    Hi Dan,.

    You must create a separate page for your modal dialog box,

    Call this dialog in the parent page and pass the value modal page in some hidden item and use the value of the element to retrieve details on the modal dialog box.

    1. change your report Page-> under the header HTML

    2. change the link from which column you want to call the modal dialog box.

    Target: URL

    URL: javascript:f_modalDetails(#ID#);

    instead ID, pass the value that you want to pass to the modal dialog box that shows you the data associated with the selected line.

    3. go to the page of the form (modal dialog)

    Change your close button that closes the modal dialog box.

    Action: Redirect URL

    Target URL: javascript:window.parent.closeModalDialog();

    Close the Model dialog box using the "submit" button press

    4. create a branch on the processing section of the Page of the page of the modal dialog box

    Branch point: After Processing (After computation, validation and Processing)

    Target type: Page of this Application

    Page: Redirect to the same page

    Request: CLOSE_MODAL

    When you press the button: select the Send button

    NOTE: Branch must be before all the unconditional branch on this page

    5. create a dynamic Action on the Page modal dialog box

    Event: Page load

    Action: Run the JavaScript Code

    Code: javascript:window.parent.closeModalDialog();

    Kind regards

    Jitendra

  • Article not saved when the item is in a modal dialog box of jquery

    Hi all


    I followed the instructions here:
    http://shijesh.WordPress.com/2010/04/10/jQuery-modal-form-in-Apex-4/
    to create a modal jquery dialog, this is the code that I added in the html header:
    <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() {
   $('#ModalForm').dialog(
   {
        modal : true ,
        autoOpen : false ,
        width : 425,
        closeText : 'Close',
        stack : false,
        resizable : false,
        buttons  : {
            Cancel : function() {
                     closeForm();
                } ,
            Save : function() {
                updateMEMOVELD();
            }
                   }
   });
});

function openForm()
{
    $('#ModalForm').dialog('open');
}

function closeForm()
{
    //$('#ModalForm input[type="textarea"]').val('');
    $('#ModalForm').dialog('close');
}

function updateMEMOVELD () 
{
   var get = new htmldb_Get(null, &APP_ID.,    
                    'APPLICATION_PROCESS=f_memo', 0);
   get.add('P9_MEMOVELD',$v('P9_MEMOVELD'));
   var gReturn= get.get();
   //alert(gReturn);
   //alert($v('P9_DATUM'));
  $s('P9_MEMOVELD',gReturn);
  alert($v('P9_MEMOVELD'));
  $s('P9_MEMOVELD_COPY',$v('P9_MEMOVELD'));  
  $('#ModalForm').dialog('close');
}
</script>
    my situation is a little different, my modal doesn't have to perform a sql update, just to change a field
    the user will then record in the main form
    for some reason any field never gets updated in the db
    I even created an application on the application called f_memo process:
    BEGIN
  APEX_UTIL.SET_SESSION_STATE('P9_MEMOVELD',:P9_MEMOVELD);
  htp.p(:P9_MEMOVELD);
END;
    Why my domain is not send to the db?
    It works when I remove this from the header of the region:
    < d i v id="ModalForm" title="Add Person" style=" d isplay:n one  "   >
    but then of course I have more a modal dialog box



    What's wrong?


    I put the code online at apex.oracle.com
    workspace XONIXRS
login/password demo/demo
    Run the application
    Click lijst (invoices) without (in the region of the right sidebar)
    Then click on the button Search (search)
    a report is displayed, click on edit on the first line (200900017)
    now, a form appears, click the memo of pure and simple button
    now the modal shows upward, change the field and click Save
    Click ok (for warning) and then click on save the invoice
    you stay on the same page
    Now click on town
    and then click on edit on the first line (200900017) new
    then click on note even once, you will see that the memo has not been changed

    How comes?

    KR
    Martin

    The problem is that the creation of a region of a modal rise this area of the html code. Take a look at the DOM when you run your page and not the html source code, because that does not reflect the changes to the DOM is the loading of the page. This means that your memo field is far from the FORM tags and actually only submit to the session state. The issue is not addressed when you send page! You can follow through your debugging page. Memo is not saved and untreated.
    Try saving the value of session state is not enough, it does not really matter in this case. The time that you submit the page, session state is crushed by the submitted values of the elements.
    So what I did:


    • Move P9_MEMOVELD to the FACTUUR region, as well as all other db fields

    • change the type of hidden

    • the protected value not

    • in modal region to create a new page P9_MEMOVELD_POP, type textfield element

    • Set the source to always use a page element as a source, with the source P9_MEMOVELD

    • change of function updatememoveld:

      function updateMEMOVELD ()
{
   /*
   var get = new htmldb_Get(null, &APP_ID.,
                    'APPLICATION_PROCESS=f_memo', 0);
   get.add('P9_MEMOVELD',$v('P9_MEMOVELD'));
   var gReturn= get.get();
   //alert(gReturn);
   //alert($v('P9_DATUM'));
  $s('P9_MEMOVELD',gReturn);
  alert($v('P9_MEMOVELD'));
  $s('P9_MEMOVELD_COPY',$v('P9_MEMOVELD'));
  */
  $s('P9_MEMOVELD',$v('P9_MEMOVELD_POP'));
  $('#ModalForm').dialog('close');
}

      If you want or need the session state as a whole belongs to you, it depends on if you are using this also dynamically on the page and therefore to influence results, but I don't think it will be (it's a Memo field...)



    Additional notes:

    • Be careful with the jquery libraries! The standard libraries are included, but you add previous versions too! 1.4.2 this could cause problems of...

    • Use your models better. Why did you would wrap a region in the div tags? Change or add a model of region to be DIV tags You can then easily assign a static id in this region and target. This will save you from enveloping the wrappers wrapped (cause it is what looks like the code that is generated in the end).

  • JQuery UI modal confirm the deletion

    Hello
    I'm looking for suggestions on how to fix my script.
    What I want to do is to replace a delete confirmation window regular javascript with jquery modal. Delete my javascript regular (as it is build-in thing) looks like:
    in the header of the page I have:
    script language="JavaScript" type="text/javascript">
<!--
htmldb_delete_message='"DELETE_CONFIRM_MSG"';
//-->
</script>
    and I have a button of the model with the Action of the database: SQL Delete action and Option URL redirects
    javascript:confirmDelete(htmldb_delete_message,'DELETE');
    What I'm trying to do with jquery ui is:
    1. I have this script in my page header
    <script>
$(function() {
     $( "#dialog:ui-dialog" ).dialog( "destroy" );     
     $( "#dialog-confirm" ).dialog({
               resizable: false,
                        autoOpen: false,
               height:140,
               modal: true,
               buttons: {
                    "Delete all items": function() {
                         $( this ).dialog( "close" );
                    },
                    Cancel: function() {
                         $( this ).dialog( "close" );
                    }
               }
          });
     });
     </script>


<div id="dialog-confirm" title="Empty the recycle bin?">
<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;">
</span>These items will be permanently deleted 
and cannot be recovered. Are you sure?</p>
</div>
    and I have a button of the model (same as before) per share of database: SQL Delete action and Option URL redirects to
    javascript:$('#dialog-confirm').dialog('open')
    My questions:
    1. when I click on my "Delete" button, I did not receive my confirmation modal pop - up in Internet Explorer at all but I receive it in Firefox for 0.5 seconds and then in two browsers, I get a blank page with '[object Object]' on it.
    2. If I change my HTML button button, I'm getting my modal pop screen but if I am confirming my option remove... it does not remove anything. To remove, I use the "automatic line (DML) treatment" process and I want to use the button of the model not the HTML.

    I'd appreciate any help and suggestions.
    Thank you

    Hello

    Create HTML region without a model of before footer.
    Place at the source of the region

    

    

    
These items will be permanently deleted
and cannot be recovered. Are you sure?

    And the target URL button

    javascript:confDialog()

    Kind regards
    Jari

    Published by: jarola on November 10, 2010 09:02

    Published by: jarola on November 10, 2010 09:36

    If you do not like to change all of your delete buttons:
    Simply create region HTML page zero before the footer without a model.
    Place at the source

    This will overwrite the original alert

    Kind regards
    Jari

  • JQuery and Apex

    Hello

    I need help to understand how to use JQuery modal window in the Apex with a query from a table.

    Basically I want in my modal windon to the result of a statement select, is - it possible.

    Can you tell me the meaning?

    Kind regards

    Hello

    Thank you very much for your answer

    I also test this:

    Oracle APEX: How pimp your dialog box with JQuery - Yenlo

    Kind regards

  • Move the scroll bar in the scroll of the DIVs for IFRAMES FF8 cause to blanch for 5 to 10 seconds. Help!

    I was running FF7 without problems and to give birth to 8.0. I have a web application that I developed that has type jQuery modal popup windows (which are actually the IFRAMEs), and in those I have lists of the boxes that are scrolling DIVs. The forms appear normal, but when I take a scroll bar and begin to move, all other texts in the IFRAME (but not inside the div scroll) goes blank for about 5 seconds. He then returns to normal, whether or not I took out the scroll bar. FF8 I restarted in safe mode, and this behavior occurs. If I start normally, but disable all plugins and supplements, the problem occurs, so I think it probably has something to do with themes. I tried several different themes rather than the default, but he still had the problem.

    Normal appearance
    Aspect when I move a scroll bar

    Any help that anyone can give me would be much appreciated. It is a production application, and we have a lot of FF users!

    Thanks, Jim

    Try turning off hardware acceleration.

    • Tools > Options > advanced > General > Browsing: "use hardware acceleration when available.

    If disable hardware acceleration works then check if there is an update available for your graphics display driver.

  • By the way the value of the report column in Javascript

    Dear magicians Apex,
    I am a bit stuck now to implement a modal pop-up/iframe/javascript and this forum is my last hope to solve this problem.
    Anyway, I will try to explain what I'm trying to accomplish.
    What I need, is: I want to have a SQL report, as first column I want to have an 'ID' of my table numbers and I want this column to have a "link in the column" located in the appropriate links "column attributes. The thing is that when I click on the link of the column (when I run my report on the Apex page) I need a JQuery modal window where the pop-up in IFrame will be another page and this page uses an 'ID' of my link URL column to display the data. So, basically, I want to pass a value of 'ID' of my page parent to my page of the child which appears in an iFrame modal window.
    And here's what I have:
    1. I have a SQL report:
     
select SUBNET_ID, 
       long2ip(NETWORK_ADDRESS), 
       long2ip(SUBNET_MASK), 
       long2ip(END_HOST), 
       long2ip(START_HOST), 
       MAX_HOSTS, 
       long2ip(BROADCAST_IP), 
       NETWORK_CLASS, 
       NETWORK_SIZE, 
       HOST_SIZE 
from   YC_CM_IP_SUBNETS
    2 then, in 'The column attributes' to 'SUBNET_ID' a have put a "link in the column" URL like:
    javascript:ViewNetworkDetails(#SUBNET_ID#);
    3. now, when I run my page and point my mouse over any item in my column "SUBNET_ID", I see that she receives a number of "SUBNET_ID" of my table and it shows it in the button of the browser as:
    javascript:ViewNetworkDetails(1);
    , or (2) or anything that is 'SUBNET_ID '. So, that's good.
    4 and here I am confused, basically, I need to pass a value of
    javascript:ViewNetworkDetails(#SUBNET_ID#);
    , which seems to work as it gives me good numbers of my table to my 'ViewNetworkDetails' JavaScript function, then it can paste this value in "f?" p =... "IFrame URL. Here is my Jquery Modal script form and Javascript to redirect me to my popup page (the script is located in the HTML header):
     
<script type="text/javascript"> 
function ViewNetworkDetails(){ 
var apexSession = $v('pInstance'); 
var apexAppId = $v('pFlowId'); 
var subnetIDNumber = document.getElementById(#SUBNET_ID#); 

$(function(){ 
vRuleBox = '<div id="ViewNetworkDetailsBox" title="View Subnet Details"> 
<iframe src="f?p='+apexAppId+':103:'+apexSession+'::NO:103:P103_SUBNET_ID:'+subnetIDNumber+'
"width="875" height="500" title="View Subnet Details" frameborder="no"></iframe></div>' 
$(document.body).append(vRuleBox); 
$("#ViewNetworkDetailsBox").dialog({ 
                        buttons:{"Cancel":function(){$(this).dialog("close");}}, 
                        stack: true, 
modal: true,                             
                        width: 950,                     
resizable: true, 
autoResize: true, 
draggable: true, 
close : function(){$("#ViewNetworkDetailsBox").remove(); 
                        location.reload(true); } 
}); 
}); 
} 
</script>
    PS My hypothesis is that there is a problem with this part of my script
    var subnetIDNumber = document.getElementById(#SUBNET_ID#);
    where I can't get my "SUBNET_ID" value from
    javascript:ViewNetworkDetails(#SUBNET_ID#);
    in 'subnetIDNumber' variable and that's why I can't spend my iFrame URL.

    P.S. P.S. the child page 103 has a "Automated row fetch", is not a problem. In addition, I did a simple test, where I had a page element 'P102_Value' with values and in my script I had instead
    var subnetIDNumber = document.getElementById(#SUBNET_ID#);
    This
    var subnetIDNumber = $v('P102_Value');
    and it worked perfectly fine... but cannot operate against the SQL Select statement :-(

    HEEEEEEEEEEEEEELLLLLPPPP.
    Thank you

    Change your column to link to send the value of the subnet_id column to the function call (you mentioned, but I don't know if you've actually done m)

    JavaScript:ViewNetworkDetails(#SUBNET_ID#);

    You pass the value of the parameter to the function, but not defined all the parameters in the function definition (this is possible in JS, no other parameter is ignored)
    For example, to change the function to accept the subnet ID parameter (I'm really surprised how you missed it) and assign this parameter to a variable.