Copyright © tutorialspoint.com
This method allows for the easy creation of CSS containing block by setting element's CSS position to 'relative' if its initial position is either 'static' or undefined.
element.makePositioned(); |
<html> <head> <title>Prototype examples</title> <script type="text/javascript" src="/javascript/prototype.js"> </script> <script> function showResult(){ $('container').makePositioned(); } </script> </head> <body> <p>Click the button to see the result.</p> <br /> <div id="container"> <div id="element" style="position:absolute; top: 20px; left: 20px; border:1px solid red;"> This is Element Box </div> </div> <br /> <input type="button" value="Click" onclick="showResult();"/> </body> </html> |
To understand it in better way you can Try it yourself.
Copyright © tutorialspoint.com