Jan,
Element constructor uses document.createElement internally. What you
need is document.createElementNS [1]:
var el = document.createElementNS("http://www.w3.org/1999/xhtml";,
"html:a");
el.appendChild( document.createTextNode("test") );
el.setAttribute('href', '/test');
$('container').appendChild(el);
[1] http://developer.mozilla.org/en/docs/DOM:document.createElementNS
- kangax
On Apr 1, 2:00 pm, Jan Bölsche <[EMAIL PROTECTED]>
wrote:
> 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
> athttp://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
-~----------~----~----~----~------~----~------~--~---
