Masking areas whilst ajax updates

  • Views Views: 6,316
  • Last updated Last updated:
  • The fabrik loader object allows you to mask of sections of the page whilst they are being updated via an Ajax request.

    The loader object is found here:


    The 'start' method takes two properties, the DOM node's id that you want to place the loader over, and the loading message.

    to overlay on a div id="hideme":


    <div id="hideme">this will be masked out</div>

    You would use this code:

    Fabrik.loader.start('hideme', 'loading ....... ');

    To then remove the loader you use:


    to show a loading overlay that covers the whole page

    Fabrik.loader.start(null, 'loading msg ');