jQuery selector syntax

Similar Questions

• 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.

• 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'));
  

• 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.

• 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

• 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.

• question of jQuery selector...

  Hi all...
  
  Please help me with this question of jquery.
  
  In the interactive reports, I would like to hide the option
  «Row "(filter) (option radio button) in the"Actions-> filter""»
  
  This is the code I used, but it does not work.
  I am very new to jquery, please help me with the syntax of jquery.
  

  $(function(){
  $("ul li:contains('Filter')").live('click',function(){
  $("#APEXIR_FILTER_TYPE_1").hide();  -- i need to hide that ""complete option""
  }); 
  });

  APEX: 4.1
  Database: 11g
  Browser: IE7

  Hello

  OK, sorry.
  Maybe you try just pure CSS. Add in the HTML page header

  I think that you can hide the radio buttons

  Kind regards
  Jari

  http://dbswh.webhop.NET/dbswh/f?p=blog:Home:0

• 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

• jQuery Selector

  Hi guys,.
  
  I'm working on apex 4.1.1. Theme: 21. Model: Navigation Region. Latest version of Google Chrome.
  
  I am triggering modal Skillbuilder page by clicking on a list entry.
  
  I put in the URL of the entry:

  Javascript: retrun false;

  This list article contains this text create stimulus and is the first li on a list by the ID of tasks box
  
  I tried the following:

  $("li:contains('Create Reminder')")
  $("#tasks > li")
  $("#tasks li:first")

  But none has triggered the plugin...
  
  Kind regards
  Fateh

  Hello

  You should not write to the attributes of the region

  id="tasks"
  

  You must use static ID and place

  tasks
  

  Do not put target URLS list

  javascript: return false;
  

  Place you

  javascript:void(0);
  

  or

  #
  

  I suggest that you read on these topics of documentation
  http://docs.Oracle.com/CD/E23903_01/doc/doc.41/e21674/toc.htm
  And you take the browser Firefox and Firebug addon. With Firebug, you see for example JavaScript errors and when you explore HTML you could see that you lacked dom with spots of id.

  Kind regards
  Jari

  -----
  My Blog: http://dbswh.webhop.net/dbswh/f?p=BLOG:HOME:0
  Twitter: http://www.twitter.com/jariolai

• generic jQuery selector

  Hello
  
  Is anyone know how make a function generic so that the #your_dialog can be any of a wrapper function ID is passed? For example, I can pass the DIV with ID = MODALDIALOG_INDEX in a call to the next function. Then I can simply write the following function once and use it for different pages several times. I want to do the dynamic #your_dialog instead of hard-coded.
  
  Thank you.
  Andy
  
  < pre >
  $(document) .ready (function () {}
  $("#your_dialog").dialog ({}
  autoOpen: false,
  Bgiframe: true,
  Resizable: false,
  modal: true,
  buttons: {}
  "Cancel": function() {}
  null; your work
  },
  'Ok': function() {}
  null; your work
  }
  }
  });
  < / pre >

  Add the code for the page header

  Then to run when the loading of the page section (otherwise wraps in the code block $. ready())

   open_dialog('#yourRegionID');
  

  If you want to reuse it, add the function definition as JS file external (remove the script tags to a file). Load in your page (s) and use the open_dialog works with the region; Lector.

• Call for dynamic action of an interactive report

  Hello
  I'm on APEX 4.1, 11 GR 2, Windows 7 and the latest version of Firefox.
  I have an interactive report. I want the end user to have the ability to click on a link to line level and launch a modal pop up on another page. Ideally, I would like to be able to use the Skillbuilders plug-in. I can make it work if I just go the road full page but I can't find a way to make it work like a modal pop up.
  I have tried different methods, which work, but I think that I should follow that is using a page-level dynamic action that fires when a found JQuery element selector is selected.
  The problem I have is that I can't find the proper JQuery selector syntax for the column. My report has a static ID of the IDN and my column a header of PARTS.
  The best I can manage is not to see something happen as a page refresh (if the link is on the same page). I don't see no errors in console and firebug.
  
  I replaced the dynamic action modal page appeal by an alert, which is not displayed, to make sure that it is not the configuration of the plug-in which is the cause of the problem.
  
  Someone would be kind to give me an idea of what I should be completed in the JQuery selector field of the DA and what should be the attributes of link? Because I want to redirect from page 1 to page 2, what should I put in the other fields in link?
  I've been chasing my tail with this for hours and read all the posts in this area, I could find, but I can't make it work. Any help would be much appreciated.
  Kind regards
  
  Danny

  That's what I did on my column link of an international registration:

  Link icon: (choose something)
  Link attributes: class = "btndetails" onclick = "return false;"

  (the onclick is vital, it prevents the default anchoring action does not happen)
  Implement the details of the target page that you want in your popup modal

  Create a dynamic action

  Event: click on
  Selection type: jQuery Selector
  jQuery Selector: .btndetails

  Advanced > scope of the event: live

  Real action:

  Modal Skillbuilders page:
  Location of the URL: attribute of the triggering element
  Attribute name: href

  Who should appear in the page without problem. The onclick is the key here, and probably why you were chasing your tail so far.

• jQuery in the table selector

  Hi people of jQuery.

  A technique for information on other elements of the line has been mentioned a few times (example)

    var row = $x_UpTill(t, 'TR');
    var index = $('input[name="f10"]', row)[0];
    $s('P55_INDEX',$(index).val());
  

  It took my more long as it should be, but I found the documentation on the current setting of the 'line' represents a limited part of the DOM - in this case, TR us

  http://API.jQuery.com/jQuery/#jQuery-selector-context

  But I would like to know what the [0]? I'm unable to track documentation relating to this, and the code seems to work without it.

  I'm guessing that this could mean that if there are multiple matches for the selector, it uses the first match. Maybe that's performance and safety?

  See you soon

  It's really stupid. There is always an input with the f10 name element in a given line, so it would be unwise to get the first one. Even then, if you want to get the first and work with jQuery and want to continue working with jQuery objects, then using . eq() | jQuery API Documentation or pseudo-selector of : eq() selector | jQuery API Documentation are much better choices.

  In this case, the execution [0] is the same as .get (0) and basically returns the dom instead of a jQuery object element. . get() | jQuery API Documentation It's stupid, in that regard, that, on the next line, it is simply transformed into a jQuery object again...

  I would also like to point out that, instead of using $x_UpTill, I prefer to use . closest() | jQuery API Documentation or maybe even better . parents() | jQuery API Documentation

  with t as the starting of the line element:

  $( 'P55_INDEX', $(t).closest('tr').find('input[name=f10]').val() );