diff options
| author | schneefux <schneefux+commit@schneefux.xyz> | 2014-04-21 12:09:07 +0200 |
|---|---|---|
| committer | schneefux <schneefux+commit@schneefux.xyz> | 2016-08-15 19:46:54 +0200 |
| commit | 11789f8bdffbe07b4327a055fa11a1be386f8ef9 (patch) | |
| tree | 7ea6c25eb09a72144bcce8fbbff70e0982039d7f | |
| parent | 532ffc1b8e71d650cacb3ec243a9d6b07422f564 (diff) | |
| download | wvs-vplan-11789f8bdffbe07b4327a055fa11a1be386f8ef9.tar.gz wvs-vplan-11789f8bdffbe07b4327a055fa11a1be386f8ef9.zip | |
verbessere Loader
| -rw-r--r--[-rwxr-xr-x] | css/images/ajax-loader.gif | bin | 10819 -> 1928 bytes | |||
| -rw-r--r-- | css/index.css | 7 | ||||
| -rw-r--r-- | index.html | 4 | ||||
| -rw-r--r-- | js/index.js | 9 |
4 files changed, 20 insertions, 0 deletions
diff --git a/css/images/ajax-loader.gif b/css/images/ajax-loader.gif Binary files differindex 47adbf0..15e24db 100755..100644 --- a/css/images/ajax-loader.gif +++ b/css/images/ajax-loader.gif diff --git a/css/index.css b/css/index.css index 919f63c..d35fe38 100644 --- a/css/index.css +++ b/css/index.css @@ -57,3 +57,10 @@ body { .pdfcanvas { height: 100%; } + +#loadercontainer { + width: 24px; + display: block; + margin-left: auto; + margin-right: auto; +} @@ -36,6 +36,10 @@ </div> <div id="login" class="ui-content"> + <div id="loadercontainer"> + <img id="loader" src="css/images/ajax-loader.gif"> + </div> + <div data-role="popup" id="loginpopup" data-theme="a"> <form style="padding:10px 20px;" id="loginform" action="javascript:login();"> <h3>Bitte einloggen</h3> diff --git a/js/index.js b/js/index.js index 5183327..2e56131 100644 --- a/js/index.js +++ b/js/index.js @@ -28,6 +28,15 @@ $(document).bind('pageinit', function(){ }, 2000); }); +/* der Loader wird nur im Login-Tab angezeigt, wenn das Popup zu ist */ +$('#loginpopup').on('popupafterclose', function(){ + $('#loader').show('fast'); +}); + +$('#loginpopup').on('popupafteropen', function(){ + $('#loader').hide('slow'); +}); + /* PDF Rendering */ function renderPage($div, pdf, pageNumber, callback){ pdf.getPage(pageNumber).then(function(page){ |
