JavaScript Code Formatting Demo

FormatCode Code Formatter is based on serveral powerful syntax parser engines so you can exactly control the appearance of your source code. Here is the code formatting demo of FormatCode JavaScript Code Formatter to prove the ability of code formatting functions of FormatCode:

   /* Before Code Formatting */

   var _elmSidebar;var _elmPageTop;var _initialSidebarY;var _elmSidebarX;var
   _elmSidebarY var _timer;var _elmMain;var _curMenu;var _curSubmenu;function
   initialize(){if(DOM){initializeMenu("navbar");_elmMain=document.getElementById(
   "container");_elmSidebar=document.getElementById("sidebar");_elmPageTop=
   document.getElementById("totop");if(_elmSidebar!=null){var position=getPosition
   (_elmSidebar);_initialSidebarY=_elmSidebar.offsetTop;_elmSidebarY=
   _initialSidebarY;_elmSidebarX=position.x-10+"px";if(IE){positionSidebar();
   window.onscroll=triggerPositionSidebar;window.onresize=triggerPositionSidebar;
   document.getElementById("content").onmouseover=function(ev){hideSubmenu();}
   document.getElementById("header").onmouseover=function(ev){hideSubmenu();}
   document.getElementById("sidebar").onmouseover=function(ev){hideSubmenu();}}
   else if((MOZ||OP)&&!SAFARI){_elmPageTop.style.display="none";
   _elmPageTop.style.visibility="hidden";mozPositionSidebar();if(OP){
   window.window.onscroll=mozPositionSidebar;}else{window.setInterval(
   "mozPositionSidebar()",250);}window.onresize=mozPositionSidebar;}}}}function
   getPosition(elm){var position={x:0,y:0};if(elm!=null){position.y=
   elm.offsetHeight;var fixOpera=OP&&getOperaVersion()<7.5;while(elm){position.x+=
   elm.offsetLeft;if(fixOpera){position.y+=elm.offsetTop;}elm=elm.offsetParent;}}
   return position;}function getRelativePosition(elm){var position={x:0,y:0};
   position.y=elm.offsetHeight;var fixOpera=OP&&getOperaVersion()<7.5;while(elm){
   position.x+=elm.offsetLeft;if(fixOpera){position.y+=elm.offsetTop;}elm=
   elm.offsetParent;if(elm.id=="navbar")break;}return position;}

   /* After Code Formatting */

   var _elmSidebar;
   var _elmPageTop;
   var _initialSidebarY;
   var _elmSidebarX;
   var _elmSidebarY var _timer;
   var _elmMain;
   var _curMenu;
   var _curSubmenu;

   //----------------------------------------------------------

   function initialize()
   {
     if (DOM)
     {
       initializeMenu("navbar");
       _elmMain = document.getElementById("container");
       _elmSidebar = document.getElementById("sidebar");
       _elmPageTop = document.getElementById("totop");

       if (_elmSidebar != null)
       {
         var position = getPosition(_elmSidebar);
         _initialSidebarY = _elmSidebar.offsetTop;
         _elmSidebarY = _initialSidebarY;
         _elmSidebarX = position.x - 10+"px";

         if (IE)
         {
           positionSidebar();
           window.onscroll = triggerPositionSidebar;
           window.onresize = triggerPositionSidebar;
           document.getElementById("content").onmouseover = function(ev)
           {
             hideSubmenu();
           }
           document.getElementById("header").onmouseover = function(ev)
           {
             hideSubmenu();
           }
           document.getElementById("sidebar").onmouseover = function(ev)
           {
             hideSubmenu();
           }
         }
         else if ((MOZ || OP) && !SAFARI)
         {
           _elmPageTop.style.display = "none";
           _elmPageTop.style.visibility = "hidden";
           mozPositionSidebar();
           if (OP)
           {
             window.window.onscroll = mozPositionSidebar;
           }
           else
           {
             window.setInterval("mozPositionSidebar()", 250);
           }
           window.onresize = mozPositionSidebar;
         }
       }
     }
   }

   //----------------------------------------------------------

   function getPosition(elm)
   {
     var position = {x: 0, y: 0};

     if (elm != null)
     {
       position.y = elm.offsetHeight;
       var fixOpera = OP && getOperaVersion() < 7.5;

       while (elm)
       {
         position.x += elm.offsetLeft;
         if (fixOpera)
         {
           position.y += elm.offsetTop;
         }
         elm = elm.offsetParent;
       }
     }
     return position;
   }

   //----------------------------------------------------------

   function getRelativePosition(elm)
   {
     var position = {x: 0, y: 0};
     position.y = elm.offsetHeight;
     var fixOpera = OP && getOperaVersion() < 7.5;

     while (elm)
     {
       position.x += elm.offsetLeft;

       if (fixOpera)
       {
         position.y += elm.offsetTop;
       }

       elm = elm.offsetParent;

       if (elm.id == "navbar")
         break;
     }
     return position;
   }

Click here to preview the JavaScript Code Formatting Demo 2.

With FormatCode JavaScript Code Formatters, you can format and transform any foreign JavaScript source code to meet your preferred coding style or any common code convention in several seconds!