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 > ------------------------------------ ----- 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/
