Prototype clonePostion() Method

Syntax:

element.clonePosition(source[, options]);

Here is the list of possible options:

Name	Default	Description
setLeft	true	clones source's left CSS property onto element.
setTop	true	clones source's top CSS property onto element.
setWidth	true	clones source's width onto element.
setHeight	true	clones source's width onto element.
offsetLeft	0	Number by which to offset element's left CSS property.
offsetTop	0	Number by which to offset element's top CSS property.

Return Value:

An HTML element.

Example:

<html>
<head>
<title>Prototype examples</title>
<script type="text/javascript" 
   src="/javascript/prototype.js">
</script>
<script>


function clonePosition(){
   var firstElement = $('firstDiv');
   var secondElement = $('secondDiv');
   secondElement.clonePosition( firstElement);
}

</script>
</head>

<body>

   <p>Click Clone Position button to see the result.</p>
   <div id="firstDiv">
      <p>This is first paragraph</p> 
   </div>

   <div id="secondDiv">
      <p>This is second paragraph</p> 
   </div>

   <br />
   <input type="button" value="Clone Position" 
             onclick="clonePosition();"/>

</body>
</html>

To understand it in better way you can Try it yourself.