Yii2 loading overlay javascript widget
The preferred way to install this extension is through composer.
Either run
$ php composer.phar require execut/yii2-loading-overlay "dev-master"
or add
"execut/yii2-loading-overlay": "dev-master"
to the require
section of your composer.json
file.
For usage javascript widget inside you javascript code simple register \execut\loadingOverlay\LoadingOverlayAsset
on you page.
Copy this code to app view file:
<button class="toggle-loading">Toggle overlay</button>
<div id="target" style="height:300px;width:300px;background:gray"></div>
<?php
$this->registerJs(<<<JS
jQuery(function ($) {
var target = $('#target');
$('.toggle-loading').click(function () {
if (target.hasClass('loading')) {
target.loadingOverlay('remove');
} else {
target.loadingOverlay();
};
});
});
JS
);
\execut\loadingOverlay\LoadingOverlayAsset::register($this);
yii2-loading-overlay is released under the Apache License Version 2.0. See the bundled LICENSE.md
for details.