#custom-data-attribute

Resolved: How to get the data-id attribute? #fix #solution #programming

How to get the data-id attribute?

I’m using the jquery quicksand plugin. I need to get the data-id of the clicked item and pass it to a webservice. How do I get the data-id attribute? I’m using the .live() method to re-bind the click event for sorted items.

Html looks like this:

How-to: Select elements by data attribute in CSS #programming #dev #development

Select elements by data attribute in CSS

Is it possible to select elements in CSS by their HTML5 data attributes (for example, data-role)?

Answer [by BoltClock]: Select elements by data attribute in CSS

If you mean using an attribute selector, sure, why not:

[data-role="page"] { /* Styles */ }

There are a variety of attribute selectors you can use for various scenarios which are all covered in…

Fixed How to use HTML-5 data-* attributes in ASP.NET MVC #dev #it #asnwer

How to use HTML-5 data-* attributes in ASP.NET MVC

I am trying to use HTML5 data- attributes in my ASP.NET MVC 1 project. (I am a C# and ASP.NET MVC newbie.)

<%= Html.ActionLink("« Previous", "Search", new { keyword = Model.Keyword, page = Model.currPage - 1}, new { @class = "prev", data-details = "Some Details" })%>

The “data-details” in the above htmlAttributes give the following error:

CS07…

How to: Is there a limit to the length of HTML attributes?

Is there a limit to the length of HTML attributes?

How long is too long for an attribute value in HTML?

I’m using HTML5 style data attributes (data-foo="bar") in a new application, and in one place it would be really handy to store a fair whack of data (upwards of 100 characters). While I suspect that this amount is fine, it raises the question of how much is too much?

Answer: Is there a limit to…

Fixed jQuery selectors on custom data attributes on HTML5 #dev #it #asnwer

jQuery selectors on custom data attributes on HTML5

I would like to know what selectors are available for these data attributes that come with HTML5.

Taking this piece of HTML as an example:

<ul data-group="Companies"> <li data-company="Microsoft"></li> <li data-company="Google"></li> <li data-company ="Facebook"></li> </ul>

Are there selectors to get:

All elements with data-company=”Microsoft”…

Fixed Selecting element by data attribute #dev #it #asnwer

Selecting element by data attribute

Is there an easy and straight-forward method to select elements based on their data attribute? For example, select all anchors that has data attribute named customerID which has value of 22.

I am kind of hesitant to use rel or other attributes to store such information, but I find it much harder to select an element based on what data is stored in it.

Thanks!

A…

How to: Do HTML5 custom data attributes “work” in IE 6?

Do HTML5 custom data attributes “work” in IE 6?

Custom data attributes: http://dev.w3.org/html5/spec/Overview.html#embedding-custom-non-visible-data

When I say “work”, I mean, if I’ve got HTML like this:

<div id="geoff" data-geoff="geoff de geoff">

will the following JavaScript:

var geoff = document.getElementById('geoff'); alert(geoff.dataGeoff);

produce, in IE 6, an alert with “geoff de…

How to: How to get the data-id attribute?

How to get the data-id attribute?

I’m using the jquery quicksand plugin. I need to get the data-id of the clicked item and pass it to a webservice. How do I get the data-id attribute? I’m using the .live() method to re-bind the click event for sorted items.

Html looks like this: