We will inject new blood into our message by adding a new HTML element to the page.
The Element
class deals with methods such as inject()
and destroy()
. There are also classes for String
and Number
among others. When faced with a need to add an element with a unique ID attribute, we turn to String.uniqueID().
This method uses Date.now()
to return a string that will be, invariably, unique.
Note that to make a copy of our existing my_target
we use Element.clone()
.
<script type="text/javascript" src="mootools-1.3.0.js"></script> </head> <body> <form action="javascript:" method="get"> <input type="button" value="Unique Me!"/> </form> <div id="my_target" style="width:150px; height:150px; border:1px solid #BEBEBE; line-height:50px; text-align:center; float:left;"></div> <noscript>JavaScript is disabled.</noscript> <script type="text/javascript"> $$('input[type...