Progress Monitor for IdealProgrammer.com

Take Swift, Intelligent, Massive, Planned, Loving, Effective (S.I.M.P.L.E.) Action to Transform Self into Ideal

Skip Repetitive Navigational Links

Home

News

Presenters

Contact

Please login

JavaScript (JS) dir Example

Description: Illustrates the JavaScript syntax for the Area Object dir Property .

Syntax: AreaObject.dir – Allows you to add dir to an AreaObject

JavaScript (JS) dir Example Code:

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html>
  <head>
    <title>IdealProgrammer.com: dir </title>
    <!-- 
    ***************************************************
    * This example is from http://idealprogrammer.com *
    ***************************************************
    -->
 
 
 
   </head>
  <body>
      <input id="Button1" type="button" dir="ltr" value="button" /><br /><br />
      <input id="Button2" type="button" dir="ltr" value="button" /><br /><br />
      <input id="Button3" type="button" dir="ltr" value="button" /><br /><br />
   <script type="text/javascript">
       //*****************************************************
       // DOM Objects
       //*****************************************************
 
 
       //*****************************************************
       //    ***    Area Object - Standard Properties   ***
       //*****************************************************
 
       //*****************************************************
       // dir
       //*****************************************************
 
       //    SYNTAX:
       //    object.dir="rtl" or "ltr"  Allows you to retrieve or assign text 
       //               direction to an element
 
       // Two ways to retrieve dir   
       //   1. GetElementsByTagName
            myObject=document.getElementsByTagName('input')[0];
            document.write("Using getElementsByTagName: " + myObject.dir);
            document.write("<br />");
      //   2. GetElementById
            document.write("Using getElementById: ");
            document.write(document.getElementById('Button1').dir);
 
       // Two ways to assign dir
 
       //   1. GetElementById
            document.getElementById('Button2').dir = "ltr"
       //   2. GetElementsByTagName      
            myThirdButton = document.getElementsByTagName('input')[2];
            myThirdButton.dir = "rtl";
            document.write("<br />Direction changed to rtl: ", myThirdButton.dir)
 
</script>
 
  </body>
</html>