j-SplashScreen

jComponent 20 · jcomponent@20 component Exemple chargé avec jComponent 20

Un écran flash pour les applications de page unique. le corps doit être enveloppé dans le label <script type="text/html">HTML</script>. Le composant sera détruit automatiquement.

Configuration :

timeout un timout en milliseconds pour détruire l'écran flash (défaut: 3000)
autoremove:true {Boolean} supprime automatiquement le composant.
remember {String} par exemple 1 day ou 1 week - il n'affiche pas d'écran flash (défaut: empty = désactivé)

Méthodes :

component.show([body]) affichera un écran flash avec un corps nouveau ou ancien (autoremove doit être false)

Utilisez-le avec <ui-component name="splashscreen">. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans DEF.fallback (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence MIT.

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>