1.0.1 • Published 4 years ago

freezeui v1.0.1

Weekly downloads
1
License
MIT
Repository
github
Last release
4 years ago

FreezeUI

FreezeUI is a dead simple, responsive, vanilla javascript loading plugin. No jQuery required.

Demo and examples: alex-radulescu.com/freeze-ui

Installation

Add the css and the script to your project:

<html>
  <head>
    ...
    <link href="/path/to/freeze-ui.min.css" type="text/css" rel="stylesheet"/>
  </head>
  <body>
    ...
    <script src="/path/to/freeze-ui.min.js" type="text/javascript"></script>
  </body>
</html>

Usage

Basic

// Freeze the UI
FreezeUI();

// Un Freeze the UI 
UnFreezeUI();

Options

You can set some options when calling the FreezeUI function.

ParamTypeDefaultDetails
textstringLoadingThe text to be displayed.
selectorstring of the documentThe loading can be applied only to an element, as long as the element has position absolute or fixed.

Examples

FreezeUI(); // To simply freeze the whole page
FreezeUI({ text: 'Custom text' }); // Freeze with a custom text
FreezeUI({ selector: '.class-name' }); // Freeze a certain component.
FreezeUI({ selector: '#id-name' }); // The component must have position: fixed or absolute to work
FreezeUI({ selector: '.component', text: 'Getting there...' }) // Using both options at the same time. 
UnFreezeUI(); // Will unfreeze any and all options from above

Licence

FreezeUI is under MIT licence

@everything-registry/sub-chunk-1702@infinitebrahmanuniverse/nolb-free
1.0.1

4 years ago