storing values in the markup for using in javascript (not xhtml compliant)

Question

sometimes i store values in the element's atributes for using in javascript.

ex: <div class="open_popup" target="first_popup">click here</div>.

also, some javascript plugins that i use put elements in the page with the atribute generated="true".

it is a very useful technique for me but it is not compliant with the strict versions of xhtml.

what problems should it cause?
should i worry about that?
if i should, what's the solution?

thanks (:

André Laszlo · Accepted Answer · 2011-06-25 18:32:35Z

1

I would use the jQuery.data method:

// attach ('foo', 52) to the key/value store for the document.body element
jQuery.data($('#id_of_your_element'), 'foo', 52);

The problems with your method, at least the way I see it, is that it is not valid xhtml. And why would that matter? Basically, you don't know exactly how a browser would handle your invalid attributes - it might just strip them off the dom node or something else completely.

edited Jun 25, 2011 at 18:32

answered Jun 25, 2011 at 18:26

André Laszlo

15.6k3 gold badges68 silver badges83 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Hugo Mota Over a year ago

yes. that is exactly the problem. your solution is very nice! but it requires me to select each element and atatch data to it. i wanted to create the functions with jquery and simply use the markup to control the behavior...

Hugo Mota Over a year ago

this link is awesome. there's a lot of useful compliant techniques! thank you very much!

Collectives™ on Stack Overflow

storing values in the markup for using in javascript (not xhtml compliant)

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related