j-Loading

jComponent 20 · jcomponent@20 component Ejemplo cargado con jComponent 20

asigna automáticamente los indicadores @showloading y @hideloading

Configuración:

NUEVO: style {Number} un estilo de carga (predeterminado: 1)
- 1: básico con giro animado
- 2: una línea azul en la parte superior de la ventana

Uso:

SETTER('loading/show', [text]) - muestra cargando (text opcional)
SETTER('loading/hide', [sleep]) - oculta la carga (sleep opcional y en milisegundos)

Úselo con <ui-component name="loading">. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en DEF.fallback (el CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes Componentator, licencia MIT.

example.html

<style>
	body { background-color: #F0F0F0; }
</style>

<ui-component name="loading" class="hidden"></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>

<script>
	var is = false;
	setInterval(function() {
		is = !is;
		if (is)
			SETTER('loading/show');
		else
			SETTER('loading/hide', 1000);
	}, 3000);
</script>