You cannot add or remove table rows this way. Tables don't play well
with others. You need to do it at a DOM level.

see: 
http://developer.mozilla.org/en/docs/Traversing_an_HTML_table_with_JavaScript_and_DOM_Interfaces

Alternately: give up on tables and use DIVs/CSS. You'll thank me for
it.


On Jan 1, 12:47 pm, Jermaine <[EMAIL PROTECTED]> wrote:
> Hello Everyone.
> This is what I have in my javascript file:
>
> function Testing() {
>         new Insertion.After('my_id', '<tr id="test_row">\
>                                                 <td>Hello World!</td>
> \
>                                                 <td><a href="#"
> onclick="$(this).remove();">remove</a></td></
> tr>');
>
> }
>
> And this is what I have in my HTML file:
> <a href=# onclick="Testing()">Add a new 'Hello World' entry</a>
>
> => As you can see, I create these 'hello world' messages dynamically
> each time I click the 'just a test' link.
>
> Ideally I want to be able to remove the whole table row as well. This
> however I'm having a hard time with, because this doesn't seem to
> work:  <a href="#" onclick="$(this).remove();">remove</a>
>
> Anyone an Idea or suggestion??
>
> - Jermaine
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---

Reply via email to