Skip to content

Instantly share code, notes, and snippets.

@jhdavids8

jhdavids8/index.html

Created December 15, 2014 23:19
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jhdavids8/7000c8ec09021a56f413 to your computer and use it in GitHub Desktop.
Save jhdavids8/7000c8ec09021a56f413 to your computer and use it in GitHub Desktop.
Download ZIP
A sample way to include and call the PleaseWait library.
Raw
index.html
<!DOCTYPE html>
<html ng-app="AngularApp">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="assets/css/please-wait.css" rel="stylesheet">
<link href="assets/css/default.css" rel="stylesheet">
</head>
<body ng-controller="MainCtrl">
<div class="inner" ng-view>
</div>
<script type="text/javascript" src="assets/js/please-wait.min.js"></script>
<script type="text/javascript">
window.loading_screen = window.pleaseWait({
logo: "assets/images/logo.png",
backgroundColor: '#f46d3b',
loadingHtml: "<p class='loading-message'>A good day to you fine user!</p>"
});
</script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular.min.js"></script>
<!-- If we include the rest of our JS after we call pleaseWait, users get a loading page while it downloads.
Of course, this is optional and up to you. It may be desired if your combined JS is of a larger size. If not,
feel free to include PleaseWait in your normal minified JS file, and call pleaseWait when first possible. -->
<script src="assets/js/default.min.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment