9 examples of 'page loader jquery demo' in JavaScript

100
function loadPage(url, pageName, trans) {
101
				$("#pages #" + pageName).load(url + "?" + new Date().getTime() + " .wrapper", function(){
102
					$("body").attr("className", "page-" + pageName);
103
					transition(this, trans || "show", false);
104
				});
105
			};

27
public load() {
28
  this.loading = true;
29
  this.loading2 = true;
30
  setTimeout(() => {
31
    this.loading = false;
32
  }, 2100);
33
  setTimeout(() => {
34
    this.loading2 = false;
35
  }, 2099);
36
}

74
function load_page(pageUrl) {
75
    $(".layui-body").load(pageUrl);
76
}

24
function loadJQuery() {
25
	if(!window.jQuery) {// load only if its required as it is giving problem on many pages.
26
		addLibrary("/thirdparty/pratikabu-jquery.js", function(result) {
27
			eval(result);
28
			pratikabusttjquery = window.jQuery.noConflict(true);// this line will replace any existing mapping of $ and jQuery on the current page
29
			loadCompleteFile();
30
		});
31
	} else {
32
		pratikabusttjquery = window.jQuery;
33
		loadCompleteFile();
34
	}
35
}

82
function pageDidLoad() {
83
console.log("pageDidLoad()\n");
84
      if (SaltygmeModule == null) {
85
        updateStatus('Loading game music...');
86
      } else {
87
        // It's possible that the Native Client module onload event fired
88
        // before the page's onload event.  In this case, the status message
89
        // will reflect 'SUCCESS', but won't be displayed.  This call will
90
        // display the current message.
91
        updateStatus();
92
      }
93
    }

8
function loadDynamicAnonymousScript()
9
{
10
    function testFunction()
11
    {
12
        debugger;
13
    }
14
    var scriptElement = document.createElement("script");
15
    scriptElement.textContent = String(testFunction);
16
    docuemnt.head.appendChild(scriptElement);
17
}

45
loadPage(url) {
46
  // resolve relative links as well
47
	const link = document.createElement('a');
48
	link.href = url;
49
	pageContext.load(link.href);
50
}

1
function pagePreload() {
2
    // store everthing in a variable only for this scope
3
    let body = document.getElementsByTagName('body')[0]
4
    // prevent body content from showing split a second.
5
    body.style.opacity = '0'
6
    // DOMContentLoaded Event will fire once stylesheet, js and DOM are finished downloading.
7
    window.addEventListener('DOMContentLoaded', function(){
8
        // quickly remove style attr(display: none)
9
        body.removeAttribute('style')
10
        // Show preloading overlay element
11
        setTimeout(function(){body.className += 'page-loading'}, 300)
12
    })
13
    // load Event this will fire after all resources like images, fonts, iframes done loading.
14
    window.addEventListener('load', function(){
15
        // Load body content
16
        setTimeout(function(){body.className = 'page-loaded'}, 1000)
17
        // Removing preload node element
18
        setTimeout(  function(){document.getElementById('page-is-loading').remove()}, 2000)
19
    })
20
}

23
private demoLoader() {
24
  setTimeout(() => {
25
    this.indicator.hide();
26
  }, 3000);
27
}