j-SplashScreen

jComponent 20 · jcomponent@20 component Example loaded with jComponent 20

A splash screen for single page applications. The body has to be wrapped into the <script type="text/html">HTML</script> tag. The component will be destroyed automatically.

Configuration:

timeout a timeout in milliseconds for destroying the splash screen (default: 3000)
autoremove:true {Boolean} automatically removes component.
remember {String} e.g. 1 day or 1 week - it doesn't show a splash screen (default: empty = disabled)

Methods:

component.show([body]) will show splashscreen with a new or old body (autoremove must be false)

Use it with <ui-component name="splashscreen">. When the component is not loaded yet, jComponent downloads it on first use from the address in DEF.fallback (the Componentator CDN by default). Author: Peter Širka. Source: the Componentator components repository, MIT license.

example.html

<style>
	html,body { height: 100%; overflow: hidden; padding: 0; margin: 0; }
	body { background-color: #F0F0F0; }
</style>

<ui-component name="splashscreen" class="ui-splashscreen">
	<script type="text/html">
		<div><img src="https://www.totaljs.com/download/B20200120T000000011.png" alt="Total.js Framework" border="0" /></div>
		<br />
		<p>Total.js framework is a server-side framework for Node.js<br /><b>Better than sex</b></p>
	</script>
</ui-component>

<div>Lorem ipsum</div>
<div>Lorem ipsum</div>
<div>Lorem ipsum</div>
<div>Lorem ipsum</div>
<div>Lorem ipsum</div>
<div>Lorem ipsum</div>
<div>Lorem ipsum</div>