Copyright © tutorialspoint.com

Prototype relativize() Method

previous next


Advertisements

This method turns element into an relatively-positioned element without changing its position in the page layout.

Syntax:

element.relativize();

Return Value:

Example:

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

function changetoRel(){
   node = $("firstDiv");
   node.style.fontSize='20px';
   //node.style.position = 'relative';
   node.relativize();
   node.style.border = '1px dashed #f00';
   node.style.left = '100px';
}

</script>
</head>

<body>
   <div id="firstDiv" style="position:absolute;top:100px;">
      <p>This is first paragraph</p> 
   </div>

   <br />
   <input type="button" value="Make Relative" 
             onclick="changetoRel();"/>

</body>
</html>

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


previous next

Copyright © tutorialspoint.com