From the caniuse.com page: "Note: All browsers can already use data-* attributes and access them using getAttribute. "Supported" refers to accessing the values using the dataset property."
As long as you don't use the dataset property on the svg elements, and only use getAttribute/setAttribute it should work just fine in all browsers. From some quick testing, it seems none of Opera, Firefox or Chromium supports the dataset property on svg elements inline in html. In any case using data-* attributes sidesteps the whole namespace issue. On Wed, 14 Mar 2012 12:03:25 +0100, krugerboy1971 <[email protected]> wrote: > Actually - just been checking here > > http://caniuse.com/#feat=dataset > > And it seems pretty good browser support for data-* - as long as > 'partial support' in IE translates as useable support - might do some > playing > > Alan > --- In [email protected], "krugerboy1971" <alan.smithy@...> > wrote: >> >> Thanks Ed/Erik for expanding on this - I hadn't appreciated this being >> an issue at all - namespaces in HTML are deprecated. Without testing >> it, I'd hazard a guess that the custom data-* attribute is not yet >> fully supported across all browsers? (has anyone tested?) >> >> Where I'm at right now is that I got a prototype of my flow mapping >> application working: >> >> http://freespace.virgin.net/alan.smithy/ons/vp31%20migration%20maps/index.html >> >> (if you follow this link, be aware it might take a while to load as >> there is some verbose XML being loaded in the background which I have >> not yet fully condensed) >> >> But it only works fully using the previously discussed(and decidely >> suspicious-looking) namespace solution for >> FF/Safari/Chrome/iOS5+/Android3+ - NOT IE9, which kind of kills it (I >> don't mind not supporting IE7/8 if we can offer Chrome plug-in support, >> but IE9+ is a deal-breaker). Opera support would be good too, though I >> haven't tested it out yet on a recent build. >> >> So I think my immediate work around, given the inconsistencies here, >> will be to avoid supplementary data attributes in the SVG and do more >> data handling of the source XML data with jQuery instead - which should >> at least allow me to proceed with an inline approach, even allowing for >> the inconsistencies in implementation. >> >> Thanks to every one for the help, much appreciated. >> >> Alan >> >> --- In [email protected], "Erik Dahlstrom" <ed@> wrote: >> > >> > On Wed, 14 Mar 2012 00:00:04 +0100, Ed Beroset <beroset@> >> > wrote: >> > >> > > krugerboy1971 wrote: >> > >> The plot thickens - i.e. this seems nuts - even with David's >> Doctype >> > >> suggestion, I can't determine a cross-browser method of retrieving >> an >> > >> attribute with a foreign namespace. >> > > >> > > Since I was intrigued by this issue, I looked into it still further >> and >> > > I think that the problem is more fundamental than I had first >> thought. >> > > I think the problem is your namespace declaration: >> > > >> > >> <body> >> > >> <svg width="300px" height="300px" xmlns:fme="http://www.safe.com";> >> > >> <text x="25" y="50" font-size="24">SVG Circle Element</text> >> > >> <text x="25" y="275">Click the circle to change its size.</text> >> > >> <circle cx="125" fme:COUNT="20" cy="150" r="50" fill="pink" >> > >> stroke="green" stroke-width="5" onclick="doCircle(evt)" /> >> > >> </svg> >> > >> </body> >> > > >> > > Unfortunately, the HTML5 spec says "The HTML syntax does not support >> > > namespace declarations, even in foreign elements." See the full >> text >> > > with an example here: >> > > >> > > http://dev.w3.org/html5/spec/Overview.html#foreign-elements >> > > >> > > Ed >> > >> > The replacement in HTML5 is data-* attributes, see >> > >> > >> http://dev.w3.org/html5/spec/Overview.html#embedding-custom-non-visible-data-with-the-data-attributes >> > >> > -- >> > Erik Dahlstrom, Core Technology Developer, Opera Software >> > Co-Chair, W3C SVG Working Group >> > Personal blog: http://my.opera.com/macdev_ed >> > >> > > -- Erik Dahlstrom, Core Technology Developer, Opera Software Co-Chair, W3C SVG Working Group Personal blog: http://my.opera.com/macdev_ed ------------------------------------ ----- To unsubscribe send a message to: [email protected] -or- visit http://groups.yahoo.com/group/svg-developers and click "edit my membership" ----Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ <*> Your email settings: Individual Email | Traditional <*> To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) <*> To change settings via email: [email protected] [email protected] <*> To unsubscribe from this group, send an email to: [email protected] <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
