SHOW:
|
|
- or go back to the newest paste.
| 1 | - | Loader = (function() {
|
| 1 | + | <!DOCTYPE html> |
| 2 | - | var public = {};
|
| 2 | + | <head> |
| 3 | </head> | |
| 4 | - | var loader = document.getElementById("loader");
|
| 4 | + | |
| 5 | <body> | |
| 6 | - | public.ShowLoader = function() {
|
| 6 | + | |
| 7 | - | loader.style.display = "block"; |
| 7 | + | <div id="loader">loading...</div> |
| 8 | - | } |
| 8 | + | |
| 9 | <script> | |
| 10 | - | public.HideLoader = function() {
|
| 10 | + | Loader = (function() {
|
| 11 | - | loader.style.display = "none"; |
| 11 | + | var public = {};
|
| 12 | - | } |
| 12 | + | |
| 13 | var loader = document.getElementById("loader");
| |
| 14 | - | return public |
| 14 | + | |
| 15 | - | })(); |
| 15 | + | public.ShowLoader = function() {
|
| 16 | loader.style.display = "block"; | |
| 17 | } | |
| 18 | ||
| 19 | public.HideLoader = function() {
| |
| 20 | loader.style.display = "none"; | |
| 21 | } | |
| 22 | ||
| 23 | return public | |
| 24 | })(); | |
| 25 | ||
| 26 | window.onload = function() {
| |
| 27 | Loader.loader; //ReferenceError: Loader.loader is not defined | |
| 28 | Loader.ShowLoader(); //OK | |
| 29 | Loader.HideLoader(); //OK | |
| 30 | loader; //ReferenceError: loader is not defined | |
| 31 | ShowLoader(); //ReferenceError: ShowLoader is not defined | |
| 32 | HideLoader(); //ReferenceError: HideLoader is not defined | |
| 33 | Loader; //Object {ShowLoader: function, HideLoader: function}
| |
| 34 | } | |
| 35 | </script> | |
| 36 | </body> |
