2008/1/22, normunds <[EMAIL PROTECTED]>:
>
>
> I'm trying to create a few menus using prototype.js "insert" function.
> I create a table using 'new Element("table")', insert it in DIV and
> then add links - one row per link (or the other way round - create a
> full table, then insert it).
>
> I initially wrote a code that worked fine in Firefox, but did not in
> IE (currently testing with 6.0):
> function addLinkToTable(table, link){
> var r = new Element("tr");
> var c = new Element("td");
> table.insert(r.insert(c.insert(link)));
> }
>
> The table gets built but is not visible in IE. Then the alternative
> function below do not use "new Element()", but instead uses the
> standard DOM method to add rows. And it works also in IE:
> function addLinkToTable(table, link){
> var r = table.insertRow(table.rows.length);
> var c = r.insertCell(0);
> $(c).insert(link);
> }
> in fact it's just adding of the row that seems to fail when using "row
> = new Element("tr"); table.insert(row)".
>
> I wonder is this something that is "not supposed" to work with
> prototype? BTW, if I check the table content created by the first
> approach (innerHTML of my DIV), the table looks reasonably good, only
> is not visible. In fact if I write:
>
> mydiv.insert (table.outerHTML);
>
> instead of
>
> mydiv.insert (table);
>
> it becomes visible, but of course outerHTML is not not a portable code
> and in this way I loose the event handlers for my links, etc. Bad IE
> again, or I'm overlooking something?
>
>
>
You need to create an additional html element for the table, i.e. "tbody" as
first child to the table element.
Here is the rewritten method:
function addLinkToTable(table, link){
var tb = new Element("tbody");
var r = new Element("tr");
var c = new Element("td");
table.insert(tb.insert(r.insert(c.insert(link))));
}
--
Niko
--~--~---------~--~----~------------~-------~--~----~
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 [email protected]
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
-~----------~----~----~----~------~----~------~--~---
