jQuery selector problem
Hi allI 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
Tags: Database
Similar Questions
-
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
-
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.
-
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 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:31Hey 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
-
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.
-
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
Define a dynamic with actionSELECT label ,apex_item.checkbox (p_idx => 15 -- f42 ,p_value => id ,p_attributes => 'id="f15_'||id||'" class="xyz"' ) chk FROM my_table
Event: click on
Selection type: jQuery selector
jQuery selector: .xyz
No condition
Scope: Bind
I have an action, execution of javascript
Affected elements selection type: triggervar 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'));
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
Scottvar 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'));
-
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:
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
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.$(".classname").filter(":eq("+ N + "), :gt(" + N + ")")
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.
EarlEarl
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?
-
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.
-
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
-
JSON/Jquery Variable problem
I have a problem in the construction of a yardsale using jquery google map card, while providing some time via a Json call yahoo weather.
I put markers of card via a call from Json to addresses. Place the marker (if the address is found) he built the infowindow with the info I provided (from the yardsale Json call). This works. I am trying to add weather data in each information window. I can get the data I need and assign it to a variable, but when I try to enter the room that puts the information in the window, it is as undefined.
I tried to place the variable as a global variable outside the function (under the call for loan doc)?
Can any body show / tell me how to get the drive to work (and why so I don't make the same mistake)
Here is the code below:
$(document) .ready (function() {}
var val
var address="Boston, Mass.
var currdate
//weatherwidget (address)
$('#map_canvas') .gmap ("search for", { 'address': 'Boston, Mass' }, function(results, isFound) { })
if (isFound)
{
$('#map_canvas') .gmap ('you','sheet') .panTo (results [0]. geometry.location);
$('#map_canvas') .gmap ('option', 'zoom', 10);
}
});
$.getJSON ("Yardsaleagate.json", function(yard_data)
{
$.each (yard_data.yardsales, function{}
var val = thep:System.NET.Sockets.IPPacketInformation.address
var = thiskey .stuff
setTimeout (function() {}
$('#map_canvas') .gmap ('search', { 'address': val}, { function(results, isFound))
if (isFound)
{
$.getJSON ('http://query.yahooapis.com/v1/public/yql?q=select%20 *%20from%20weather.forecast%20where%20 %20 in %20 location (%0A%20%20select%20id%20from%20weather.search%20where%20query%3D%22'+ address +'% 22% 0a) % 20limit % 201 & format = json & diagnosis = true & env=store%3A%2F%2Fdatatables.or g % 2Falltableswithkeys & callback =?', function (data) )
{
currdate var = (data.query.results.channel.item.forecast [0] .date)
Console. Journal (currdate)
})
$('#map_canvas') .gmap ('addMarker', { 'position': results [0]. geometry.location, 'description': key, icon: 'map-icons/pins/32/pin_ys.png','animation': google.maps.Animation.DROP, 'info': val}) .mouseover (function () {weatherlocation (val)}) ravishing (function () {}
var infocontent = ' < div class = 'info' > '+ currdate +"< div class ="header"> < h3 > '+ val+" "< / h3 > < / div > < p > '+this.description+' <>< / div >" "
$('#map_canvas') .gmap ('openInfoWindow', { 'content': infocontent, 'maxWidth': 300 }, this);
});
}
})
}, i*700);
});
});
});
Figured it out (or a solution that works) move the infowindow build in the infowindow will stll build call weather
-
I am trying to load some data from a database using CFCs and jquery but can't due to a problem sorting on the client side.
Here's what I have so far:
. CFC
< cfproperty output = "false" >
< name cffunction = "getData" access = "remote" returntype = "output" = "false" >
< cfquery name = "test1" datasource = "database" >
SELECT ID, NAME
TABLE
< / cfquery >
< cfset data = serializeJSON (test1) >
< cfreturn data / >
< / cffunction >
< / cfproperty >
.cfm
< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
" < html xmlns =" http://www.w3.org/1999/xhtml ">
< head >
< meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
< title > Untitled Document < /title >
"< script src="jscript/jquery-1.8.2.min.js "> < / script >
< script >
{$(document) .ready (function ()}
$("#loadLink").click (loadQuery)
});
function loadQuery() {}
$.ajax({)
URL: ' loaddata.cfc? method = getData.
success: function (data) {}
Alert ("function data gets from the server:' + '\n' + '\n' + data + '\n' + '\n' +")
"everything is listed here');
var columnMap = {}
for (var i = 0; i < data.) COLUMNS.length; i++) {
columnMap [data. COLUMNS [i]] = i
}
var str = "people < h1 > < / h1 > '"
for (var i = 0; i < data.) DATA.length; i++) {
Str += '< b >' + data. Data [i] [columnMap.Name] + '< /b >.
Str += "has a cool score of ' + data." "Data [i] [columnMap.ID] +' < br / >"
}
$("#content").html (str)
}})
return false
}
< /script >
< / head >
< body >
< p >
< a href = "" id = "us" > load query < /a > "
< /p >
< div id = "content" >
< / div >
< / body >
< / html >
as you can see this is a simple script (I found on the web and a little changed for testing purposes), the final should be a little complex.
Here's a firebug error throws every time
TypeError: data. The COLUMN is not defined
for (var i = 0; i < data.) COLUMNS.length; i++) {I know it's a matter of javascript, but I would appreciate your help on this one.
now, I have two examples of work, the first works very well and the second is even better
-
Selector problem of InDesign CS4 fonts - no preview fonts
Hi, I'm lucky to have an annoying problem in Indesign CS4, I don't have an overview of the fonts in the fonts selector.
I don't really understand the problem because it works perfectly in Photoshop, Flash...Thanks in advance for your answer.
I don't know if it would have a key "reg".
Never seen that before and I can't find anything on it?
Sorry ;-(
Just for him heck, in this preference, have you tried a different size for the police, as small? I wonder if it's a memory problem?
-
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.
APEX: 4.1$(function(){ $("ul li:contains('Filter')").live('click',function(){ $("#APEXIR_FILTER_TYPE_1").hide(); -- i need to hide that ""complete option"" }); });
Database: 11g
Browser: IE7Hello
OK, sorry.
Maybe you try just pure CSS. Add in the HTML page headerI think that you can hide the radio buttons
Kind regards
Jarihttp://dbswh.webhop.NET/dbswh/f?p=blog:Home:0
-
Tag CSS selector problems!
Hello!
So I am very new to the whole of the web development scene, whatever, I picked up the basics, at least up until this point...
Currently I am creating pages for examples of my new ability to work, but I came to a stand still when you apply a label slector to an element.
I applied a css tag to the < h1 > element so that its font and color are different and underline. On in so doing, he appeared fine in dreamwever, however when I try to view it in a browser it shows no signs of change, as if I had not applied the new css rule! I saved the rule as an external style sheet. When I tried again using an internal style sheet however, the problem has not persisted.I must obviously be missing or do something badly embarrassed here!
Your help will be greatly appreciated!Thank you very much!
PS - I am currently only using od DW CS5.5 trial version, but as far as I know, that shouldn't make a difference.
Hello
Missing closing ';', (a semicolon).
@charset "utf-8";
PZ
Maybe you are looking for
-
Satellite P500-12D - a problem with the cooling system has been detected.
Hi there everyone, I bought a Satellite P500-12D, which was a return of retail. When I start it up it runs a few minutes and then it appears on the screen:WARNING: A problem with the cooling system has been detected. Please, turn off computer immedia
-
Re: Passing the record reader user C to E drive Satellite L40 - 17U
Hello The HARD disk is partitioned with the 'C' drive users and any system/vista files. C drive now more complete. Many tried to copy the user folder on disk 'E' with only partial success. Want to remove c altogether and switch to E - in order to sep
-
NB-HP-250-J4T61EA: enter the password administrator or power on password
Nice day! Mr President, can you help me. How to open my laptop, HP-250-J4T61EA. Enter the password administrator or power on password... plsss help me
-
HP Photosmart all-in-One printer-D110a Installation failure
After spending the better part of today trying to install this printer on my new Dell Inspiron 660 (Windows 7 Home Premium 64-bit), I'm ready to renounce HP printers. This printer is less than a year and I had it installed on my old Dell Dimension,
-
Do not install the automatic updates Windows XP, download error 0 x 80246008
Have failed several times - have bits set @ auto - confident to rectify, not lack of computer knowledge and seems almost impossible to get thru to Microsoft - who are looking for an easy solution / single or coordinated for Microsoft - T.I.A Got erro