jQuery selector - not()

Hello

I'm trying to implement the "shortcut keys." I don't want to fire access keys when I type in an input field.

Currently I have an input field:


I tried the following methods to capture the keypress. However, the pressure is still captured during typing inside the input box.

$(':not(#fieldDescription)').keypress
$(':not(input)').keypress
$(document).not(document.getElementById('fieldDescription')).keypress

What is the best way to solve this problem?

Thank you

When you're in your event handler for your keyboard shortcut, you can inspect the object event and check element that was active when the event fired.

If it were a form element, you can safely ignore the shortcut key.

In jQuery, the element that triggered the event is normalized to the event.target

function myEventHandler(event){ alert('Element ID: ' + event.target.id); if(event.target.id != 'fieldDescription'){ //Do your hotkey action }}

Hope that helps.

See you soon,.

Steve

Tags: BlackBerry Developers

Similar Questions

  • With the help of JavaScript condition in the dynamic action of JQuery selector

    Hi guys,.

    I have a Setup master detail on a page.

    The detail section, I have a tabular presentation.  One of the fields is a selection list.  The first record in the select contains the value * not * that has a value of primary key for the 1.  I have a distinct region with a simple text field where the user can insert a value into the table if the value does not exist.

    I want than the region of text element to only appear if the value * not listed * is selected.

    I managed to make it work when the value is selected with the help of dynamic action with a bit of JQuery and JavaScript by setting the ID on the selection list to 'create' and have the following in JavaScript $(this.triggeringElement) .val ()! = 1 in the JavaScript for dynamic action condition shows it or hides the region of 'create' and that works well.

    However, if the secondary table is empty before the detail records were created (nothing selected in triggering jQuery Selector) the region of create is displayed when I don't want it.

    I guess I need some sort of NVL in JavaScript condition?

    I use APEX v4.2.

    Any advice would be appreciated.

    Chris

    Cashy wrote:

    I have a Setup master detail on a page.

    The detail section, I have a tabular presentation.  One of the fields is a selection list.  The first record in the select contains the value * not * that has a value of primary key for the 1.  I have a distinct region with a simple text field where the user can insert a value into the table if the value does not exist.

    I want than the region of text element to only appear if the value * not listed * is selected.

    I managed to make it work when the value is selected with the help of dynamic action with a bit of JQuery and JavaScript by setting the ID on the selection list to 'create' and have the following in JavaScript $(this.triggeringElement) .val ()! = 1 in the JavaScript for dynamic action condition shows it or hides the region of 'create' and that works well.

    However, if the secondary table is empty before the detail records were created (nothing selected in triggering jQuery Selector) the region of create is displayed when I don't want it.

    I guess I need some sort of NVL in JavaScript condition?

    I use APEX v4.2.

    Simple solution is to hide the region containing the element of text by default, using the style = "" view: no ' in the property of the attributes of the area in the region. " It will be always hidden when the page initially, but its visibility will be controlled by the DA subsequently.

  • DA on the field in a table with jQuery Selector

    I am trying to summarize the values in a column in my form of tab and display the total in the header of the form region. Find many useful suggestions, but I am bit stuck on the very simple task of adding the DA change to the field on the tab. The name of the input field is f05.

    I created a DA on the changes using jQuery Selector and it performs a simple alert ("f05 has changed") JavaScript to check if the DA is triggered, which is unfortunately not.


    input [name = "f05"] does not work

    [name = "f05"] does not work

    using "instead of"does not work

    I tried each partial name matching according to the jQuery API documentation, for example name * =, | = etc, they all do not work


    entry on its own throws dozens of warning messages, so I know that the DA itself works.


    A few other ideas were a custom CSS class and select it with only .clsTBVALUE, but who doesn't either.


    I am running the latest Apex and most of the examples I have found are Apex 4 or even more, so I'd appreciate some examples particularly for 5 Apex. End result is the execution of a function of small doSum and using the value of the value of the DA to set a hidden value that is used in the title of region.




    The problem wasn't the syntax of jQuery, it's within the reach of the event of the DA. Because the page is a master/detail page, the part of retail is partially present and the linking of the event change GET lost.

    Kiran thanks for the link to the blog. It's a good read.

  • value of triggeringElement of jQuery does not

    Hi all

    I have a tabular presentation to APEX 4.2.

    I want to do something with the value of a column. So I tried to get the values of this field that triggers using a DA with jquery selector.

    On a column, I've defined a dynamic Action:

    Event = 'click '.

    Selection type selector = Jquery

    JQuery selector = td [headers = 'SOME']

    Real action starting the following javascript code:

    var lwaarde_aantal = $(this.triggeringElement) .val ();

    Alert ("value =" + lwaarde_aantal);

    Returns an alert waarde = empty string

    While

    var l_element_aantal = $(this.triggeringElement).closest("tr").find ("td [headers = 'SOME'] input: visible");

    Alert ("value =" + lwaarde_aantal);

    returns correct 'value = 5 '.

    Someone knows why this happens?

    Your jQuery selector DA is the TD element, not the element that contains the value.

    In your second code example you always target the TD travel to its element parent of the line and then find the TD element and then select the visible input element.

    Big difference, of course. Your jQuery selector should simply include the "input.visible" since that's what you want to get the value of. The TD is just a table cell, a container. It has no value and value is not retrieved recursively.

  • Action dynamic jQuery Selector problem

    Hello

    I'm under ApEx version 4.1.1 on Oracle 10.2.0.4.0 on Linux.

    I try to imitate what is in demand of Denes Kubicek https://apex.oracle.com/pls/otn/f?p=31517:315:1:

    jQuery Cascading tabular LOV.

    In the form of tables, the first LOV (called Type) is "f05".

    I created a dynamic action:

    Event: change

    Selection type: jQuery Selector

    jQuery Selector: select [name = "f05"]

    The first real action is an alert that is set to fire on the loading of the page and simply says "In dynamic Action".

    When I hit the button Add a blank record is displayed as expected.

    When I select a Type in the LOV Type not triggers the dynamic Action.

    Thinking that I was using the wrong column in the form of tables, I changed the jQuery Selector for 'fxx' up to the maximum number of my columns and nothing has worked.

    I checked in Firefox and it is not firing.  What I am doing wrong?

    Thank you very much

    Becky

    Tom,

    I was able to get the demo app to work in IE9.  I exported the app for my client's site and it works in IE8.  However, when I copied the code in the client application, it does not work.  I'm back to the parseerror... unexpected character when it is run in Firefox!

    When I opened the dev tools in ie8 I get no error.  When I run the app, by selecting the first LOV I get error: parseerror - [object Error], which is the same thing.

    You helped my a lot and I appreciate it!

    The demo application is up-to-date.

    I guess when all else fails, delete and start over!  I created another page and recreated the tabular presentation.  I copied the application that works.  On the page where I need the form of tables, I deleted the original and copied from the newly created page.  It works now.  Very frustrating because I think that you shouldn't have to remove and re-create stuff!

    I think I'm done!

    Thanks a lot for all your help in getting me this far!

    Becky

  • JQuery selector - identify the child tag

    Hi Experts,

    I need a little help with identification of the label of my article (s) with jQuery selector.

    I have a few DA - Style Set (when the Page's Load)-font for "BOLD"

    I can not assign the correct JQuery selector of the label element - this is the problem.

    I have a few questions: #P3_FROM_BANK_CONTAINER. There is the tag label for it.

    I tried to use: #P3_FROM_BANK_CONTAINER > label

    It does not work.

    When I come to use: #P3_FROM_BANK_CONTAINER

    Text input is in bold. But I need the label to be bold!

    If I create the CSS with the FIREBUG rule: the same selector - "#P3_FROM_BANK_CONTAINER > label.

    Everything works fine.

    Where the problem should be?

    Apex works with "parent > child" jQuery selectors?

    Concerning

    J

    Hi Joni,

    You are right. But this cannot be used in DA as jQuery Selector.

    I know how to select in javascript.

    I solved that it used new class on page 0. And instead of adding the Style I used add class event.

    The label [for = "Nom_élément"] now works.

    There must be something wrong with the selectors in jQuery (not simple) when using Add Style event.

    It's like it works in my application

    Thanks for the suggestions.

    J

  • Dynamic action on the box using jQuery selectors

    Goal: Have a classic report with a checkbox for each record that fires a dynamic action. I want to the source of the value of ID/relevant in Javascript (in the end, PL/SQL)

    Consider a classic report by using the following query
    SELECT label
    ,apex_item.checkbox
      (p_idx   => 15 -- f42
      ,p_value => id
      ,p_attributes => 'id="f15_'||id||'" class="xyz"'
      ) chk
    FROM   my_table
    Define a dynamic with action
    Event: click on
    Selection type: jQuery selector
    jQuery selector: .xyz
    No condition
    Scope: Bind

    I have an action, execution of javascript
    var me = this.triggeringElement;
    console.log('me:'||me);
    console.log('name:'||me.attr('name') );
    console.log('id:'||me.attr('id') );
    console.log('value:'||me.prop('val'));
    Affected elements selection type: trigger

    When I run the page and check a box, the lights of the DA, but all the output shown in the console log is empty.
    I tried the abundant variations to get this right, such as the use of $(this.triggeringElement)

    These pages trust me, I have the right syntax
    http://StackOverflow.com/questions/12038392/Oracle-Apex-checkbox-to-manipulate-other-values-when-checked-unchecked
    http://iadviseblog.WordPress.com/2011/08/24/get-triggering-element-in-da/

    But my values are still set to null? Anyone know what I missed?

    Apex 4.1.1

    Scott
    var me = this.triggeringElement;
    console.log('me:'||me);
    console.log('name:'||me.attr('name') );
    console.log('id:'||me.attr('id') );
    console.log('value:'||me.prop('val'));
    


    • Concatenation in javascript is with + * not * | * (which means OR)

    • In addition, this.triggeringElement is a reference to the DOM element, it is not a jQuery object. If wrapping in $ () is required when you want to access the properties through jQuery.

    • prop ('val') will not work. You must check for the existence of an attribute to the property line, which, in the case of a checkbox control, could be "verified".

    • dynamic action on a report: using Live to prevent the features to work when the report is updated/paginated

    var me = $(this.triggeringElement);
    console.log('me:'+me);
    console.log('name:'+me.attr('name') );
    console.log('id:'+me.attr('id') );
    console.log('value:'+me.prop('checked'));
    
  • apex.jQuery is not a function

    Hello

    I was using apex 3.2 with extjs 2.02 and everything worked fine. We have now upgraded Apex to Application Express 4.1.0.00.32 and I get the following error:

    apex.jQuery is not a function
    {Apex.jQuery (document) .ready (function () [break On This Error]
    f? p = 10... 25: (line 239)
    apex.jQuery is not defined
    [Break on this error])} return this.pushStack(d,a,e.selector...ex.event.gCancelActions=false})}}; / * !
    apex_4_1.min.js (line 18)


    I searched the forums without much joy. If this has been previously validated with a solution can someone point me there. Any help will be greatly appreciated.

    Thanks in advance.

    Praj,

    Well if it works, then it must be some kind of colission or conflicts with your different javascript libraries that you use. It's almost impossible to debug via the forum. If there is a conflict, you might want to try to reference your custom first, libraries then the apex files as I am pretty sure apex uses jQuery.noConflict)

    Good luck
    Janet Tyson

  • jQuery selector syntax

    I work with dynamic actions (which I did not much - made the most of my javascript coding by hand until now) and am trying to use the jquery selectors. In particular, I'm trying to select a group of items [ul] in a menu by name of class structure. Of this group, I want to select only the n elements (n will be determined during execution).

    In any case, I read a lot of jquery documentation on the syntax of the selector and tries to use the syntax of .class:gt (n), where: gt (n) is supposed to select the upper elements (so the: gt) number. This does not work for me. It is supposed to hide most of my index number of all elements, but it actually hides everything with this classname.

    Based on this experience together I guess I really two questions:
    (1) anyone have an idea why this might not work?
    (2) what awaits the Apex when you enter a jquery selector?

    Question 2 should really be all first I guess, because the answer to that will help me with question 1. But my point is this. When you use jquery apart from the Apex of the selector syntax is something like this:
    $(".classname")
    This seems not to be necessary for Apex in that if I use what follows it seems to work perfectly. Limited help information seems to indicate the same thing.
    .classname
    OK, great. The Apex team has "simplified" syntax of the jquery selector so that you don't have to make brackets, quotes, etc... But what the jquery selectors that are more complex, for example my example above, or maybe something along the lines of this:
    $(".classname").filter(":eq("+ N + "), :gt(" + N + ")")
    It would seem that if Apex is not all the quotes and parentheses then this kind of syntax would be problematic. And, in fact, is not what I want it to do.

    So I think the answer might be I just roll my selector set and action of the code in a sort of "Run the Code Javascript" for dynamic action. However, this seems not work properly as well.

    Anyone out there know enough about the integration of jquery with dynamic action Apex to be able to help out here? Thanks for the pointers in the right direction.

    Earl

    Earl

    var N = 3;
    apex.jQuery(".menu_li").filter(":gt(" + N + ")").hide();
    

    I tried this code as a dynamic Execute the JavaScript Code Action triggered when loading the page, the list of reports on page 17 of the sample application in Safari 5.0, Firefox 3.6/4.0 and IE 8. Works exactly as expected.

    No matter what chance you have other JS or CSS going on somewhere?

  • jQuery does not work properly

    Here's my situation:

    (1) I have an html region with the source:
    <div id="Report"></div>
    (2) a javascript function: 'Test_Report()': (this feature is indicated by a button).
    function Test_Report()
    {
            var a=new htmldb_Get('Report',&APP_ID.,'APPLICATION_PROCESS=Get_Report',&APP_PAGE_ID.);
            var r=a.get();
    }
    (3) an application ON-DEMAND "Get_Report" process: (it returns a table with 3 columns: "emp_no", "empname" and "employment"). Each row in this table has an id like this: "Row_1", "Row_2', 'Row_3 ',...
    DECLARE
     v_rowid number(6);
     v_empno number(6);
     v_ename varchar2(500);
     v_job varchar2(500);
     CURSOR c_emp IS SELECT empno , ename , job FROM emp;
    BEGIN
     v_rowid := 0;
     OPEN c_emp;
    
     htp.p('<table>');
     LOOP
    
      v_rowid := v_rowid + 1;
      FETCH c_emp INTO v_empno , v_ename , v_job;
      EXIT WHEN c_emp%NOTFOUND;
      htp.p('<tr id="Row_' || v_rowid || '">');
      htp.p('<td>'|| v_empno || '</td><td>' || v_ename || '</td><td>' || v_job || '</td>' );
      htp.p('</tr>');
    
     END LOOP;
     htp.p('</table>');
    
    END;
    (4) I have a jQuery Selector:
    $(function() {
    
    $("#Row_1").click(function() {
    alert('row 1');
    });
    
    });
    The problem is that jQuery selectors do not work for this table. If I run the function: "Test_Report()" on the page load jQuery selectors work until I have refresh the report.

    How could I ' reboot "(or something) jQuery selectors so that they would work when I refresh the report." " (I refresh the report by running the: "Test_Report()" works again.)

    Kind regards
    Cearnau Dan

    APEX 4.0

    Hello

    Your code should not work, when "refresh you" report using Ajax.
    When you create elements to fly try

    $(function() {
     $("#Row_1").live("click",function() {
      alert("row 1");
     });
    });
    

    Kind regards
    Jari

  • calendar for the week of jQuery does not work in the new version of firefox v42.0

    Hello
    Thanks for your reply.
    IAM develop on the issue that iam facing knowledge, events on the calendar for the week of jquery does not work in firefox version iam 42.0 faced to the problem that iam unable to change back or delete nominations that are displayed.
    For example if try clicking on one of the appointment generally a popup comes to change or to restore or remove the appointment but iam not getting that. But this feature does not work in lower versions of firefox (version 32.0 for example). Please check the jquery week calendar demo following URL looks like this:
    http://robmonie.github.IO/jQuery-week-calendar/full_demo/weekcalendar_full_demo.html

    I've just rescheduled lunch 12:00-12:15, so it seems to work on 42 Firefox on Windows.

    What is the latest version, where it has worked for you?

    Have you tested Mode Firefox safe to rule out the possibility of an extension conflict? See: Firefox in Safe Mode troubleshooting questions.

  • Loading of jquery ui - ReferenceError: jQuery is not defined

    I'm following a simple tutorial to add dragging capabilities to a composition.

    I added this code to the event creationComplete of the stadium:

    var = function onComplete() {} onComplete

    Alert('loaded"); --> fired

    SYM.$('blueDD'). Draggable();

    throw these errors in Firefox:

    //

    ReferenceError: jQuery is not defined

    TypeError: sym. $(...). movable is not a function

    }

    yepnope ({nope: [' js/jquery-ui.min.js'], complete: onComplete});

    JQuery UI is the most recent a (1.11.2)

    Issues related to the:

    * What I'm doing wrong? Maybe its because JQuery UI is an AMD - Module?

    * How can I find out which version of jquery edge is currently using?

    * Is it possible to "update" the version of jquery that is using edge of my own?

    Thanks, Ingo

    I assume you are using the latest version of edge animate which is 20141.

    The new version no longer has dependency on jQuery, so before you try to load the jQuery - UI.js, you must load the jQuery.js file.

    Then it should work.

    HTH,

    Vivekuma

  • jQuery selector problem

    Hi all

    I use the code below, to display ToolTips for each line of my tabular presentation.
    $('input[name=f20]').each( function(){
        var tip =  $(this).val();
        $(this).parents('tr:first').mouseover( function(e){
            toolTip_enable(e, this,tip);
         });
      });
    It works fine, but the ToolTip is displayed for each column of tabular presentation. I want to show fair for two columns (f04, f05).

    Could someone help me with jQuery selector to get a necessary feature?

    Thanks in advance!

    Jiri

    Hello

    Try

    $('input[name=f20]').each( function(){
     var tip =  $(this).val();
     $(this).parents('tr:first').find("input[name=f04],input[name=f05]").mouseover( function(e){
       toolTip_enable(e, this,tip);
      });
    });
    

    Or

    $('input[name=f20]').each( function(){
     var tip =  $(this).val();
     $(this).parents('tr:first').children("input[name=f04],input[name=f05]").mouseover( function(e){
       toolTip_enable(e, this,tip);
      });
    });
    

    I didn't test the Ether of codes
    Kind regards
    Jari
    -----
    My Blog: http://dbswh.webhop.net/htmldb/f?p=BLOG:HOME:0
    Twitter: http://www.twitter.com/jariolai

  • jQuery selector to go through all the rows of the table in the specific table column

    Hello

    I am in the situation when I need to disable some of the cells in a table, when the value in another cell in a table is equal to a value.

    for example, I need to disable the value of Column2, what value in the same row in Column1 = 1.

    I created the dynamic action (DA), which is triggered after the update of the region on the page.

    And now I wonder how to build the code for the dynamic action. I think jQuery is the right approach, but I've yet to find useful example. I think I need to loop through the array, check the value in the required column and disable the value reconnect with in another column if necessary.

    I created an example on apex.oracle.com.

    [www.apex.oracle.com | http://www.apex.oracle.com]
    name of user/passwd
    [email protected]/kurintest

    workspace
    kurintest

    application:
    Application 54076 - jQUery selector


    In this app. I would like to disable the second column of the table in a table (rated) what value in the first column (REGION_ID_DISPLAY) = 1 or 3.

    I want to user as identifiers table headers to avoid problems when the column will be moved to another position.

    Could someone help me in this task (perhaps very easy)?

    Thanks in advance!

    -Jiri

    Published by: Jiri n. 23 August 2012 01:31

    Hey Jiri,

    $('td[headers="REGION_NAME"] input:text')
    
    
    returns a HTMLInputElement, wheras the function addClass is a jQuery specific function.
    
    If you wrap the HTMLInputElement in a jQuery object like this:
    
    $($('td[headers="REGION_NAME"] input:text')[i]).addClass('apex_disabled');
    
    you get the desired result.
    
    regards,
    Erik-jan                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
    
  • So congratulations. Your last update (19) beat Jquery selectors of dates on Web sites all over the world

    Millions of Web sites that do not call Jquery datepickers in fields of seizure with an attribute date no solitary work today for users who are viewing these sites with 19 FF. First jumps of Chrome date from the municipality and now Firefox. I guess that the rest of the browser will not want to be left for some great idea on the horizon which is the root cause of all this, but it's serious. MILLIONS of Web sites no longer work, and webmasters are scrambling to find solutions. All that was expected by all that you people of browser for entry with a date attribute fields, won't happen because you have forced people to call the dates by any other method selectors. This means that entry with a date attribute fields will disappear.

    Thanks a lot guys!

    For me at least, the question is now irrelevant. Apparently the built-in popup date picker that any serious web developers will not want, is here to stay.

    The only option now is to remove the type = "date" attribute of input fields where you want to call a date picker custom. Instead, you must define the field type = "text" and call the datePicker custom for fields with a specific class name.

Maybe you are looking for

  • Makes a soft buy!

    I didn't do an in-app purchase. It would be nice and much appreciated if it was refunded as I have not enough money for the future well-being. Thank you for your time!

  • HPDeskjet F4280 all-in-one scanner

    Why didn't - it's not my scanner that analyzes in the computer but don't scan to make copies?

  • Activate Windows 7 OEM

    Hi, we use Dell Optiplex PC brand with Windows 7 Professional (OEM) & Windows XP Professional (OEM) version. We already have PCs 1 817 and per month, to buy about 20 new PC. Now, we are facing a great problem in the activation of Windows 7. I describ

  • Music blackBerry Smartphones

    My 9700 played all my music on shuffle for the 1st 2 weeks. Now go play only 2, then I have to manually press n or the next button two times to continue, it becomes a trail of advice please.

  • SQL Count (*)

    -Example query- with  t as (select 101,'A' from dual union all select 102,'B' from dual union all select 103,'C' from dual union all select 104,'D' from dual union all select 105,'E' from dual) select * from t; -----------------------------------I wa