Popup LOV key greyed out: javascript change to "disabled" to "readonly"?

With a Popup LOV key field, the description displayed as dimmed due to having a disabled = "disabled" attribute of the input tag. Grayed text is difficult to read and a question of ease of use in my application.

I have not found a way to change this in Application Express and now read an answer in this forum there is no way to change this. However its replacement by a readonly = "readonly" attribute would change it: the text would be black and readable normally, while remaining unmodifiable.

Someone can give me advice on how best to incorporate a javascript in my Apex page to remove the disabled attribute and add the readonly attribute to the input text tag? Thank you!

Hi Mark - Three options come to mind.

(1) use a block style in the HTML page for the re-style control disabled to more the look you want
(2) use JavaScript to accomplish the same thing as above. Note that 1 and 2 can be a bit tricky as not all browsers likes to you allows you to change the style of the disabled items. That is to say a habit to ignore your changes of colors on a disabled fields
(3) use JavaScript to change the disabled read-only control. If you do not want to allow them to click in the field (readonly fields are clickable and selectable, editable), you must add some additional JavaScript such as onFocus = "this.blur (); »

The basic gist 2 and 3 is to find the element using either getElementByID ('') or by using the "document.

. "syntax and simply run the following example:"
var popup_fld = getElementById ('p12_blahblah');
popup_fld.style. .....

or

popup_fld. Disabled = false;
popup_fld. ReadOnly = true;

To find the name of the field to the right for the var line, you should look into the source of a page with the pop-up page and see what is ID generated by APEX for the context field. You must also tmake that your javascript is after the shape since it will error if she tries to run before the form field is drawn.

Hope that's enough for you're going to get. I didn't have the time to set up a complete example. Recognize the readonly fields are also submitted with the form while the disabled fields are not, then you'll want to do that there are no surprises in the functionality of the form when you make this change.

Rgds/Mark M.

Tags: Database

Similar Questions

  • Question of value Popup Lov key (description of the poster, returns the key value) by default

    Hello

    I have a Popup Lov key (description of the poster, returns the key value) and I want a default value. It is based on a list (user name, id).
    I tried to put the id of the user logged on as default, but what I see on the screen in the field is the value of the id, not the username.
    How can I pass the user id and see the user name?

    Thank you.

    Oh! My bad, I thought you are talking about regualt lOVs not popups.

    OK, so that's what you need to do, I tried it and it worked for me:

    your popup LOV > default > type: body of the PLSQL function > and enter a query like:

    declare
    UID number.
    Start
    Select user_id from the uid of the user
    where UPPER (username) = UPPER(:APP_USER);

    This should show username and retune userid.

    Hope this helps,

    Sam
    Please give good answers by marking correct or useful.

  • Choose the option to popup LOV does not change evet

    Hello

    Version 4.2.6 apex

    I have a popup LOV.

    I also change listener

    $('#P2_ID').on('change', function() { ... });
    

    It turns out that when I select the popup option that does not fire my change. I have the reason is cause there is a kind of function that changes the value of my item.

    Has anyone had these problems and how to solve?

    It's very illuminating. Your versions of jQuery are not really "contradictory", it's just that by introducing another version of the library that this version has used the references $ and jQuery.

    Apex has kept against that by saving a reference to the jQuery apex version used in the namespace of the apex, where apex.jQuery.

    In short: always use apex.jQuery in respect to the apex. Use only $ (in this case, the most recent version) when you need the features of this latest version.

    Also, as you can see, it is important what version allows you to manage events. You cannot trigger an event handler associated with $ using apex.jQuery. Apex triggers, manage upcoming events of the apex.jQuery - always! He may be confused, surely. Please consider well before including another version of jQuery! More: you may consider not to overwrite the reference $ existing and rather keep the new namespaced version as well, or using noConflict after he did what he should. I also have an application where both versions are used, and it can really cause the longer spurts of confusion...

  • Can we make Popup LOV (views, return) key point as EDITABLE field

    Hello

    Can I do Popup LOV key (description of the poster, returns the key value) point as editable... by default, we cannot get anything... Select in the list... it does allow the user to enter the text in the field.

    Thank you
    Deepak

    Hello

    It does not work because it is not supposed to work this way = not)
    You must write the code to make it work.

    How it should work if your display value is not unique?
    How do you determine the value of the key that is inserted to the table if you write just something in the text field?

    This should make any editable element

    $x('Px_YOUR_ITEM').disabled = false;
    

    Of course, there may be exceptions

    BR, Jari

    Published by: jarola on November 22, 2009 20:41

  • strange behavior with popup lov

    Request Express 3.1.0.00.32

    I have a popup LOV key (displays the description, returns the key value) that is used to allow the user to select all active employees. Because the popup box doesn't have a function of point of clear page, I included the following in the text of message element:

    ! http://i43.Tinypic.com/5bec6e.PNG!

    The question I have is that whenever you click on the link, the value is no longer displayed but every time saving the changes, the value appears again and it is still saved in the folder. I also checked with the session information every time that the page running.

    The source value is set to replace the value that exists in the session state.

    Have you thought of this announcement in the Apex forum?

    Oracle Application Express (APEX)

  • Presentation tabular popup lov display value erased during validation

    Hello Infantraj and Jitendra

    I have exactly the same problem as in your discussion here

    Presentation tabular popup lov display value erased during validation

    Could you please share what was the solution?

    Hi Mark,

    Just follow the steps described in the blog (Cluttermeleon: Oracle APEX - descriptions of disappearing Popup LOV key) which is given in the thread. Instead of Java script that is at the page level using

    function get_LOV_value (pLOV, pId) {}

    If (pId! = ") {}

    get var = new htmldb_Get (null, $v ('pFlowId'), 'APPLICATION_PROCESS is get_LOV_value', 0);

    get.addParam('x01',pLOV);

    get.addParam('x01',pId);

    Return get.get ();

    }

    }

    Thank you

    Infant Raj

  • Action dynamic apex on popup lov

    Hello

    I have a popup lov in apex 4.1.1.00.23, I want to put some values after the selection of an item from the LOV. That is, select a certain customer and set variables based on customer ie customer...

    I created a dynamic value on the evolution of the popup lov, but we note the change on the selection of a different value.

    If I save the form and then come back shows the correct data, not just directly after changing the value after the value in the LOV POP.

    Dynamic value is triggered on the evolution of the LOV POP to set some values, but it does not work!

    Any help appreciated.

    Thank you

    David

    Thank you

    I managed to get this working:

    Solution for anyone interested:

    Create a dynamic action advanced popup lov

    Event: change

    Select a Type: element

    Element was the popup lov

    No condition

    Now to update the items, I used the set value

    Action: value

    Parameters: Sql statement

    SQL code

    In page items to submit (popup lov name), it's the part that I had not before!

    Item is updated.

  • The display "Display value" in a popup LOV

    Hi all

    I wonder if you could help me with this question. I have a LOV similar to this:

    Select the name display_val, id return_val
    < Table >;

    I want the LOV and form to display the display value "" and not the code. If I use LOV field type, it works, it displays the significant value to the field at a time, shape the LOV.

    The LOV having too many values, I need to go to a popup LOV. If I use the popup LOV the LOV will work ok, however, the form displays the ID

    How can I make the form to display the value of the end user and not the ID?

    Thank you

    You must set the element type ' Popup LOV key (description of the poster, returns the key value).

  • Change the color of PopUp Lov

    I have the following code for a popup lov
    select a,b from
    (
    select '1' res, htf.escape_sc(su.sukey) a, htf.escape_sc(su.sukey) b
    from udm_su su, udm_lde lde
    where su.ldeid = lde.ldeid
    and su.sukey in (select su_generic 
                     from vrp_cfg_gensuconv)
    and lde.ldekey = :F140_LDEKEY
    union
    select '2' res, htf.escape_sc(su.sukey) a, htf.escape_sc(su.sukey) b
    from udm_su su, udm_lde lde
    where su.ldeid = lde.ldeid
    and su.sukey not in (select su_generic 
                     from vrp_cfg_gensuconv)
    and lde.ldekey = :F140_LDEKEY
    )
    order by res, a, b
    What I want to do is to display the result of the first statement select in red
    and the second in blue

    See you soon

    Gus

    Gus C wrote:
    Apex 3.2

    Don't have around 3.2 to experiment. If the above does not work in 3.2, then I am inclined to think that it won't. Which is strange, because the indications are that the restrictions were unconstitutional in APEX 4.0:

  • {: identifier of the thread = 1338180}
  • {: identifier of the thread = 2126522}

    Part of the problem is that LOVs rendered as select list (which is the most frequent) cannot contain any HTML elements (+ {: identifier of the thread = 898835} +), but the less common popup LOV.

    If it is an essential requirement, then 2 possibilities come to mind:

    1. fairly complex model changes of Page/LOV popup to include JavaScript/AJAX that will run for this list, include the number of entries must be of each color and navigate through the options add styles require.

    OR

    2. use a report on a pop up, rather than a LOV page.

    Both look like more trouble than it's worth.

  • HP 2050 j510 series change the print quality options all greyed out help? Project custom quality etc.

    Hi I just installed this printer on an operating system of Windows 7 32 bit, but on the quality of implementation page/impression of two tabs only page layout can be changed all options are greyed out it is deliberate to stop printing in draft print quality or quality options above that this has no sense here that I hadn't bought this printer now as she gobbles up ink and I can't change the print quality at first, I was disappointed that now I would never never buy another printer HP unless HP or someone can help you. Printer is brand new, right out of the box, but HP only support expensive paid as it has been manufactured since more than a year! How bad are only only he registered today for the first time!  Thumbs down for HP!

    Hi charlieelston,

    Follow the instructions below.

    1. open devices and printer

    2. click on add a printer

    3. click Add a local printer

    4. from the use existing port, select the USB option and then click Next

    5. click the button of Windows Update to get all the support window 7 drivers updated

    6. once the update is complete. Click HP from the menu on the left, then select the printer Deskjet 990c in the right menu, and then click Next.

    7. follow the remaining instructions to complete the installation.

    Once you have the printer added 990c make sure it is the default printer, and then try to print using this driver for the Deskjet 3050 printer. I would like to know if you have the same problem?

  • I can't change my ip and dns address. I can't change, but on reboot it was greyed out and (obtain addresses automatically) how can I fix?

    I can't change my ip and dns address. I can't change, but on reboot it was greyed out and (obtain addresses automatically) how can I fix?

    This happened after the execution of virus / malware scans and found some. The supposedly fixed it, but now I can't access the internet. It still works on my local network.

    Hello

    You did changes to the computer before the show?

    Please follow the steps below.

    Method 1:

    Follow the steps from the link below.

    http://Windows.Microsoft.com/en-us/Windows/help/wired-and-wireless-network-connection-problems-in-Windows

    Method 2:

    Follow the steps from the link below

    http://support.Microsoft.com/kb/299357

  • I have toshiba laptop that missed my virus protection and my laptop a week ago has changed for the windows Classic theme, all the other themes are greyed out so you cannot select them,

    I have toshiba laptop missed my virus protection and my laptop a week ago has changed for the windows Classic theme, all other themes are greyed out so you cannot select them, my internet has also stoped working, I also can't do a system restore as it says it does not work any body can help me please?

    My laptop will also not me do a backup.

    Try these:
    METHOD 1:
    Back up all the files on a USB Flash drive or an external hard drive and re - install Windows on the hard disk of laptop.
    -------------------------------------------------------------
    METHOD 2:

    Try partitioning your hard drive and put your files there.

    1. Start menu search: 'drive '.
    2. click on create and format hard disk partitions
    3 right-click the Local Disk (C) and select shrink.
    4. According to the size of the files, we could save, choose the size you want to reduce (1000 MB = 1 GB)
    5. right click on the new "unallocated space" and create the Partition. (Name it BACKUP or something)
    6. place all your important files on the new partition, and then, when you reinstall Windows, select the Local Disk (C)
    DO NOT select the Partition you you saved on files.
    Hope that these answers are useful.
  • Cannot change PopUp LOV width and height in version 4.2.5.00.08. I change the values of 450 400 in the Popup list template values (Section of the window), but my function genList0_f07_$ _row (), retains the same settings. Is this a bug?

    Hello

    I use APEX 4.2.5.00.08 to my app.

    I have a region of reports, where I display a column set. A column is the column attribute "display as" the value 'Popup LOV (LOV based query).

    I press the button to retrieve the LOV, I get a popup of 450 x 400 pixels.

    I go to the side of the model and navigate to "Popup list of values of model", where I can see in the section 'Window' attributes 'Width' and 'Height' value 450 and 400. I edit them and save them and there is nothing going on. I'm sure that the template belongs to my selected theme.

    I saw in the HTML source code that is the called function:

    <!--


    function genList0_f07_$ _row)
    {
    w = open ("wwv_flow_utilities.gen_popup_list" +)
    « ? p_filter ="+
    "& p_name = ' + escape ('f07') +.
    ' & p_element_index = ' + escape ('0') +.
    ' & p_elem_id = ' + escape ('f07_0000').
    ' & p_form_index = ' + escape ('0') +.
    ' & p_max_elements = ' + escape ("") +.
    ' & p_escape_html = ' + escape ("") +.
    ' & p_ok_to_query = ' + escape ('YES').
    ' & p_flow_id = ' + escape ('114') +.
    ' & p_page_id = ' + escape ('100201') +.
    ' & p_session_id = ' + escape ('16021544706004').
    ' & p_eval_value = ' + escape ("") +.
    ' & p_translation = ' + escape ('NO') +.
    ' & p_lov = ' +.
    ' & p_lov_checksum = ' +.
    ' & p_item_id = ' + escape('-683997768') +.
    ' & p_column_id = ' + escape ('25022622060292812'),
    "winLov,"
    "Scrollbars = 1, resizable = 1, width =400, height =450"); "
    If (w.opener is nothing)
    w.opener = auto;
    w.Focus ();
    }
    ->

    I see that the values has not changed. I also connected and disconnected. I am inclined to believe that it is a bug of the APEX.

    The only solution I think is to replace this function, which is NOT ideal.

    Thank you

    Digital

    The parameters are generated only, nothing you can do about it because it does not use the model for these properties of the couple. Other things work fine for example the names of button or title window etc. I guess that, Yes, it is a bug. It's still there in the apex 5 too, I checked. The default values of the template do not match, the value in the generated code is always 400/450. So I guess it's pretty much a wait on 5.1.

    Here's a fun hack to make it work well on your page (works in apex 5 too, because the code is always the same). Put this in the execute on loading of the page section:

    (function(){
      var _open = window.open;
      window.open = function(){
        if ( arguments[1] === "winLov" ) {
          arguments[2] = "Scrollbars=1,resizable=1,width=500,height=700";
        };
        return _open.apply(window, arguments);
      };
    })();
    

    Change the settings to your liking. This will replace the existing window.open call, which is what the popup lov use and replace it with our own code. It does not interfere with other things. As the name of the new window is always "winLov" for the popup lov, it is the argument that is checked.

    During the call to window.open to open a new window with the name "winLov", parameters are replaced with your own version of it. The window is called as usual, using the stored reference.

    Edit:

    Yes, do not use the trick of resizing. My hack can be a bit tedious, but it's much less invasive for the end user (see open, bam, resize. "Even gets funky on multiple monitors). Also, this thing in the popup lov template will affect each lov popup that you use in the application, which is much less interesting than my specific page code.

    Edit2:

    I did a little digging in the source code, and I don't know why it does not work. Popup lovs are actually equipped to deal with it. My guess is that the parameters are recovered only after that the lists were generated, causing the package variables global to use their default values instead of model parameters.

  • Lightroom CC 2015: Change in greyed out

    All "Edit In" choices are grayed out, including PSCC 2015. Other external editors like the One and Nik appear, but are greyed out. My copy of Lightroom 4 everything is OK. Help please.

    Thanks in advance.

    Hi canoemi,

    Please check and make sure that the image you are trying to edit is not absent from Lightroom.

    You can add a link to the missing persons in Lightroom refer: How to find missing photos in Photoshop Lightroom

    Let us know if that helps.

    Kind regards

    Mohit

  • Popup LOV selected the value not in session state

    I have a pop LOV element on a page in my application.  Once the item has been selected in the list presented, I would like to use as part of a select statement.  Select statement failed.  It turns out that the value I want the popup THAT LOV is not being saved in session state, so of course the select statement fails.  I determine this by clicking on the session menu item in the developer bar - the item itself presents itself, but the value is empty.

    What would cause a popup LOV value choice not finish by in session state, and how do I make sure he gets there?

    Thank you!

    If you need the value in a SQL report, you can just set "Elements of Page to submit" in your report to your LOV element definition. Otherwise, create a dynamic fire action when your LOV is changed with a set of pl/sql null process action; then set Page elements to send to your LOV element.

    Alternatively you could do it manually with your own function/Manager javascript using the '$s' Apex API by creating a dynamic action that JavaScript is triggered then the loading of the page:

    $("#PXX_YOUR_LOV").on('change',function(){
      var getValue=$(this).val();
      $s('PXX_YOUR_LOV', getValue);
      });
    

    Changing the value in LOV only updates the HTML code, the element must be submitted to the server so that the value that will be put in session state. The gurus can explain more, but the above methods are what I use depending on the situation.

    see you soon,

    John

Maybe you are looking for