O'Reilly logo

MooTools 1.3 Cookbook by Jay Larry G. Johnston

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Injecting a "TR" data row into a "Table"

Those coming from the previous recipe will note quite a similarity. There are only a few differences in this example, and it shows how to handle rows instead of cells.

How to do it...

Inject a TR instead of a TD. Set the property HTML instead of TEXT in the Element() constructor, and the DOM markup will vary in that the table will expand vertically, via TR elements instead of horizontally via TD elements.

<h1>World's Coolest Superheroes </h1> <form action="javascript:" method="get"> <input id="submit" type="button" value="Add a TR"/> </form> <table border="1" id="marble"> <tr> <th>Superhero</th> </tr> </table> <script type="text/javascript"> var other_heroes = ['Spider-Man', 'Iron Man', 'Hulk', 'Captain America', ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required