Mostrar un spinner para que le informe al usuario que esta procesando, hay algun ejemplo?

Scriptcase 9
#1

en un formulario que ejecuta un proceso que demora varios minutos, mostrar un spinner para que le informe al usuario que esta procesando,
hay algun ejemplo?

#2

Hola @aristasoft, Te paso un ejemplo que utilizo en un control

En onApplicationInit le asigno este código a una variable global
[head_loading]=’

.spinner {
border: 2px solid #a1a1a1;
padding: 10px 40px;
background: #ffff;
width: 300;
margin-left: auto ;
margin-right: auto ;
border-radius: 25px;
font: 15px arial, sans-serif;
}

Procesando. Espere por favor…
';

Luego en onValidateSuccess hago un echo de la variable antes de redirigir a una grilla que tarda en ejecutar:
echo [head_loading];

Además te paso un tutorial de SC en español https://youtu.be/ZcZ88Y3bTdo?si=IHBQHqq_PHlQP9bf

Espero que te sirva. Saludos.

#3

Hola @aristasoft te pasé otro código sin darme cuenta. Este funciona con una imagen spinner.gif que bajé de la web. Saludos.

[head_loading]='
	<style>
.spinner {
border: 2px solid #a1a1a1;
padding: 10px 40px;
background: #ffff;
width: 300;
margin-left: auto ;
margin-right: auto ;
border-radius: 25px;
font: 15px arial, sans-serif;
}
</style>
<script type="text/javascript" language="JavaScript">
function ShowContent(d) {
document.getElementById(d).style.display = "block";
}
</script>
<div id="spinner" class="spinner" style="display:none;">
Procesando. Espere por favor… <img id="img-spinner" src="../_lib/img/spinner.gif"/>
</div>
<script type="text/javascript" language="JavaScript">
ShowContent("spinner");
</script>';
#4

Hola
en el caso de un botón alguna sugerencia?

porque en el boton que llama a cogido php no se muestra hasta terminar de procesarse

gracias.

#5

Podes pasar el proceso qué tarda a un blank. Procesas el spinner y redir a blank, después volver al form.

Saludos

#6

gracias!
haré algunas pruebas