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

Tags: Database

Similar Questions

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

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

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

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

    I have a question I hope someone can help me.  I'm trying to run a script (Dynacloud) JQuery, but I want the script to refresh and run again if a page is updated by the user.  I don't have a ton of experience working with JQuery, but I'm trying to learn it in a hurry for a project I'm working on that.  If anyone can help me out with this, it is greatly appreciated.

    Insert the code you want to run for example - inside the document ready function

    {$(document) .ready (function ()}

    your code goes here

    });

    PZ

  • 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

  • Quick question on JQuery

    Hi guys,.

    I just start learning JQuery... I have a region whose ID is closed and select the list item P12_deal_status.

    When the value of this element of fact, then the closed region should appear.

    I used this feature, but how can I do conditional...
    $("#P12_DEAL_STATUS").change (function () {}
    $("#closed").show ("slow");
    });
    I use APEX 4.1, theme: single red, Oracle 11 g xe, browser Google chrome and model FORM region...
    Kind regards
    Fateh

    Hello

    Try

    $("#P12_DEAL_STATUS").change(function(){
 if($v(this)==="done"){
  $("#closed").show("slow");
 }else{
  $("#closed").hide();
 }
});

    Kind regards
    Jari

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

    Published by: jarola on 7 February 2012 07:30

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

Maybe you are looking for