Yes, good spot Erik - just tested with IE9 and working nicely. I think that gives me a solution for cross-browser, inline SVG with custom attributes. Thanks to you, Ed and David for a fruitful discussion.
Alan --- In [email protected], "Erik Dahlstrom" <ed@...> wrote: > > 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 <alan.smithy@...> > 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/
