JQuery :: Ability To Access 'data' Attributes Without Having To Use .attr()?
Dec 27, 2011
I make use of new HTML5 data attributes to attach data to DOM elements like so:<div class="foo" data-randomdata="bar">jQuery is awesome.</div> It would be nice to have a specific method to accessing the attributes without having to use the .attr() method like this: var foo = $('div').attr('data-randomdata'); It would be nice for it to work something like this: var foo = $('div').DOMdata('randomdata'); //equals bar
I have a suggestion based on the assumption, which I think is correct but feel free to prove me wrong, that the .attr() method returns "undefined" in two different cases:1) when the attribute is actually not present in the dom element2) when it is present but it has no value, think for example <input type="text" disabled/> which I not is not standard HTML but I've seen it pretty often...wouldn't it be better to return undefined only in the first case, and return null in the second case? In this way, it'd be clear that the attribute is set but no value is specified.
suppose we have a <a href=www.google.com>google</a> tag in our HTML page.And it is inside a div with class name as chapter. Now i added the script as below,
So essentially what I'm trying to is put an image inside all my td's that have "opinionAxis" as their id. The image has to be equal to the value in the title attribute in addition to the sub folder and file type. How do I access the current item's attributes?
I am currently making the first steps with jQuery and it went quite fine so far but now I am stuck. My servlet provides an ArrayList of java objects and I need to access some of the attributes of the objects. So, there are 2 things which I don't know how to implement. 1. Iterate over the ArrayList 2. Access the attributes
I am trying to try jQuery 1.4.3 updated .data() method with HTML5 data attributes. The way I understood these changes is that an element with these attributes would automatically have their data populated by .data(). For example, if I have an element:
<ahref="#" data-cheese="cheddar">DataElement</a>
I can access this with .data('cheddar'). This part works fine. The issue I am having is that calling JUST data like $(this).data() just produces an empty object. Is this how it should be expected to function?
I'm attempting to make a simple hover image gallery with a static large image which swaps with a thumb on hover. However, on hover what happens is the new image comes up as the large image and if I then hover over another thumb it replaces that thumb with the original bigpic image source.
I am using .ajax() to access cross-domain data using JSONP. Because I need to be able to cache the data I want to use a static name for thejsonpCallback function, so I have set the jsonpCallback option in the .ajax() request. However that appears to requires a global function whereas the auto generated function didn't (well maybe it did but that was all hidden from me).
I definitely need to be able to cache the results. Ideally I wouldn't have a global function handling the data. Is there another way to do this? If not what is the best practice way to go about using a global function these days and how do I provide it with the context of the object/module it was called from - which is where the data is needed?
Normal way to access data such as arraydata.INPUTID.field1 is no problem.My problem arises when trying to access data when iterating over input fields in a form. THISID is of course the id of the actual input which corresponds to the INPUTID of the data. Can't find a solution, what should stand instead of THISID in the iteration?
The answer to my question is probably very simple, but I'm having trouble making this work.
I want to access a local csv file, rearrange it into an array, and use the data later in my script. The logic of this in psuedocode is [code]...
Since the massaged data are in the callback, they're not available at ***. I've tried declaring the variables outside the callback as shown, but this doesn't seem to work either. I'm thinking there must be an easier way. Is there?
Is it possible to access the data arguments that are sent with the ajax function? Example:
$('#mycheckbox').click( function() { $.get( '/ajax.php', { nr: this.id }, function( data, textStatus ) { // Here I want to access the arguments I just sent with ajax.php
[Code]....
I could easily do $('#mycheckbox').attr('checked', 'checked'); but that is not what I want. Also I don't want to send the arguments with the response. Anyone knows a solution? I can't find it in the documentation of jQuery and not in the discussions here.
I stumbled on this problem while testing StatusNet for our next release; we use jquery.form's .ajaxForm() to do various AJAX form submissions, including the primary message-sending form which includes a file upload control.
We've not seen problems before, but since upgrading from an old Form plugin version 2.17 to 2.49 a couple months ago, I've noticed our development branch no longer works properly in Opera: the actual submission goes fine, but we're unable to access the XML return data (which usually contains HTML fragments to put back into the UI).
I have a test case which demonstrates this at [URL] (source of the main page & submit handler are included there), using current jQuery 1.4.4 and jquery.form 2.52.
Under Firefox 4.0b10 and other browsers, the forms submit correctly, and we can read nodes and text out of the returned XML just fine.
But on Opera 11.00 and 10.63, the submission goes through but we get back an HTML document containing only "<head></head><body></body>". On Opera 9.63, it also includes the text "Blank page."
I tried to trace this down in jquery.form's history, and the trouble seems to have started around 2.39 with a commit ironically titled "iframe load fix (mostly for Opera)", which changes the event handling for forms submitted via iframe: from that version on, a 'load' event handler is added directly as an onload attribute on the iframe's source, whereas previously it was added with attachEvent or addEventListener.
It looks to me like the iframe is throwing a load event for the "about:blank" page, instead of for the submission.
I can revert back to 2.17 or another working version for now, but I'd like to make sure this is fixed upstream;
Here i am posting the request to a servlet.The call is going to the servlet.But i am not able to get the data (filename which i am sending ) in my servlet. How to access the param value in the servlet.
I have a table within a table, that is to say the table is embedded in a <tr> tag in another table and would like to extract row and cell data to make an ajax call. The table in question has several input fields and a submit button on each row. While I can find the table where the submit came from and can get the data from the <td> elements which contain data i.e.<? echo AsOfDate; ?>, I can't find the correct syntax to retrieve the data from the input fields in that same row. Can someone give me the correct syntax to retrieve the input data?
var AssetTbl = document.getElementsByTagName('table'); for (i =0; i< AssetTbl.length; i++) { if (AssetTbl[i].id == "tblAssetHx") { RowID =AssetTbl[i].rows[1].cells[0].childNodes[0].data; if (RowID == ID)
I have the below code and it works fine except the part where I need to access data.Picture. I know its a syntax error but I can't seem to understand what.
My problem is that users have the ability to manipulate querystrings to the point of being able to access data to which they should not have access to. The user logs in with their details and is redirected to their own data. The URL in the status bar is displayed without the &id=xxxx but in the source the &id=xxxx is present as a HREF. If the user adds &id=xxxx (Where x is any integer) they can access the data of other users. how to prevent this? To my mind, the best course of action would be to include id=xxxx in the session data and not to have it as a querystring but I would not know how to approach this.
I know this is a Java Script fourum but since VB and Java are so closely related I thought I would look for some help here. Anyway I am running MSAccess Data Access Pages and need to know if I can open a new browser window from a page created by a parameter query? In breif here is my problem. I used the "Image Control" to bind 6 photos via a Parameter Query with the drive path to each photo stored in a table. So far this works great and the co-workers are impressed. However the photos (Thumbnails) are small and it would be great if I could use the "Image Control's" (on-click) event to open a new widow so as to see a larger image of the photo. As an interim solution I am using the Hyperlink control, however when you click on it the photo opens in the same window and when you click IE's Back arrow the Parameter query prompts the user for the value again. All this could be avoided if the Image control (or hyperlink) could open a new window (with the photo of course), and when finished merely close it. The script