Tutorials Point


  Learn Prototype
  Prototype Resources
  Selected Reading

Copyright © 2014 by tutorialspoint



  Home     References     Discussion Forums     About TP  

Prototype relativize() Method


previous next AddThis Social Bookmark Button


Advertisements

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

Syntax:

element.relativize();

Return Value:

  • Returns an HTML element.

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 Printer Friendly

Advertisements


  

Advertisements