• Payment Plugins Poll

    We need your feedback on the need for updated payment plugins. Please go here and give us your feedback.

  • Joomla 5.1

    For running J!5.1 you must install Fabrik 4.1
    See also Announcements

  • Subscription and download (Fabrik 4.1 for J!4.2+ and J!5.1) are working now

    See Announcement
    Please post subscription questions and issues here

    We have resolved the issue with the J! updater and this will be fixed in the next release.

Masking areas whilst ajax updates

  • Views Views: 6,642
  • Last updated Last updated:

Navigation

Development - Fabrik-based Web sites
   Application Tutorials - Real Examples
      Community Builder Interests Picklist
   AutoFading System Messages
   Common Javascript Tasks
   Common PHP tasks
      Check age from DoB in PHP
      Days between 2 dates in PHP
   Content type
   Email templates
   Handy SQL Snips
      How to use field records to filter your db_join?
   How do I ... Developer
      Promote from Dev to Production
   Image overrides
   Javascript
      Form Javascript Objects
      JavaScript Window Class
      Javascript: Elements
      List JavaScript
      User ajax
   Javascript common tasks
      Comparing two dates in javascript
      Masking areas whilst ajax updates
      Select a radio / checkbox in JS
      Setting one date depending on an other
   Javascript Interactivity (+)
   Override default Joomla Login page
   PHP helper functions
   Using eval

Wiki index

Page
  • 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:

    Javascript: 

    
Fabrik.loader

    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":

    HTML: 

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

    You would use this code:
    Javascript: 

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

    To then remove the loader you use:

    Javascript: 

    
Fabrik.loader.stop('hideme');


    to show a loading overlay that covers the whole page

    Javascript: 

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