Hi! I am trying to make Prototype work in a mixed XHTML/SVG DOM (see Code below). The page renders perfectly in Firefox 2.0.0.13 except for the 2nd link-Element that was added dynamically using Prototype's Element class. Although the element seems to be okay when being investigated with Firebug, it is not clickable: The text inside the link is rendered as standard text and when the mouse cursor enters, nothing happens. Same for clicking. The first link that is present in the DOM from the beginning however works normal.
Is this because we are in an XML DOM rather than in an HTML DOM? Any ideas how to fix this? (Solutions involving <embed> or <object> to render the SVG part are obvious but not very attractive for this test) Furthermore I don't care about IE compatibility right now. BTW: I tried to add the link's text content using method update(). This doesn't work, because this method is not present on the link element! It is present though, if i change the file extension from .xml to .html, but then of course, the SVG circle is not rendered. For your convenience, the code below is online at http://game.lagomorph.de/test.xml Please help! Thanks, Jan <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"; xmlns:svg="http:// www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink";> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" / > <script src="prototype-1.5.2_pre0.js" language="JavaScript" type="text/javascript"></script> <script type="text/javascript" language="JavaScript"> <![CDATA[ function addLink() { var link = new Element('a', { href: '/test'}); link.textContent = "link2"; $('container').insert(link); } ]]> </script> </head> <body onload="addLink()"> <h1>XHTML/SVG/Prototype test</h1> <div id="container"> <svg:svg id="svg_unit_palette" version="1.1" baseProfile="full" width="300px" height="200px"> <svg:circle cx="150px" cy="100px" r="50px" fill="#ff0000" stroke="#000000" stroke-width="5px"></svg:circle> </svg:svg> <a href="/test">link1</a> </div> </body> </html> --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs@googlegroups.com To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---
