[jQuery] Trouble adding HTML, passing validation

[EMAIL PROTECTED] Tue, 08 May 2007 14:23:06 -0700

Hi,

I have this block of JQuery


$(document).ready(
        function () {
                doTDListBehavior();

                $('#addNewTDItem').click( function() {
                        $('#todoList').append("&lt;div
class=&quot;sidebarToDo&quot;&gt;&lt;table cellpadding=&quot;0&quot;
cellspacing=&quot;0&quot; border=&quot;
0&quot;&gt;&lt;tr&gt;&lt;td&gt;&lt;input type=&quot;checkbox&quot;
name=&quot;completed&quot;&gt;&lt;/td&gt;&lt;td width=&quot;100%&quot;
align=&quot;left&quot; class=&quot;sidebarText&quot;&gt;" +
genEditableItemHTML("") + "&lt;/td&gt;&lt;td
align=&quot;right&quot;&gt;&lt;a class=&quot;editTDItem&quot;
href=&quot;#&quot; title=&quot;Edit&quot;&gt;&lt;img src=&quot;images/
edit.gif&quot; alt=&quot;Edit&quot; border=&quot;0&quot;&gt;&lt;/
a&gt;&lt;/td&gt;&lt;td align=&quot;right&quot;&gt;&lt;a
class=&quot;deleteTDItem&quot; href=&quot;#&quot;
title=&quot;Delete&quot;&gt;&lt;img src=&quot;images/
deleteLink.gif&quot; alt=&quot;Delete&quot; border=&quot;
0&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/
div&gt;");
                        setEditableHandlers($
('div.sidebarToDo:last').find("input.editableTDItem"));
                        return false;
                });
        }
);

You'll notice the massive string witih "&lt"s and "&quot"s.  I had to
put these in, because when I didn't, the W3C validator was
complaining, interpreting what was in the "append" as real tags.
However, now, instead of HTML getting inserted into my DOM, the text
above literally gets displayed on screen.  That is, "<div
class="sidebarToDo" ..." appears on screen.  Is there a way that the
string can be interpreted as HTML AND pass validation?

Thanks, - Dave

[jQuery] Trouble adding HTML, passing validation

Reply via email to