PHP y loader (cargando)
Publicado por Jorge (48 intervenciones) el 23/04/2021 11:19:17
Buenos días,
Estoy intentando poner un loader a una página PHP pero no consigo ocultarlo cuando la página ha terminado de cargar.
Página PHP 1: filtros que aplica el usuario y botón ejecutar. Al pulsar el botón me redirecciona a la página PHP 2.
Página PHP 2: la que muestra los resultados de esos filtros.
En la página 2 he incluido el loader de la siguiente manera:
En <HEAD>:
Y CSS para loader:
En el <BODY>
Y al final del todo, antes del cierre de body (</BODY>):
Pensaba que con este último script conseguiría ocultar el loader cuando terminara de cargar la página (que es cuando la consulta que tengo implementada en SQL termina de ejecutar). Pero no lo oculta :(
Por favor, ¿podéis apoyarme?, ¿qué estoy pasando por alto? :(
¡Gracias de antemano!
Saludos,
Jorge
Estoy intentando poner un loader a una página PHP pero no consigo ocultarlo cuando la página ha terminado de cargar.
Página PHP 1: filtros que aplica el usuario y botón ejecutar. Al pulsar el botón me redirecciona a la página PHP 2.
Página PHP 2: la que muestra los resultados de esos filtros.
En la página 2 he incluido el loader de la siguiente manera:
En <HEAD>:
1
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js">
Y CSS para loader:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<style>
.loader {
position: absolute;left: 50%;
top: 50%;
z-index: 1;
width: 120px; height: 120px;margin: -76px 0 0 -76px;
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid #3498db;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite; }@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
} @keyframes spin {0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}</style>
En el <BODY>
1
<div class="loader"></div>
Y al final del todo, antes del cierre de body (</BODY>):
1
2
3
$(window).load(function() {
$(".loader").fadeOut("slow");
});
Pensaba que con este último script conseguiría ocultar el loader cuando terminara de cargar la página (que es cuando la consulta que tengo implementada en SQL termina de ejecutar). Pero no lo oculta :(
Por favor, ¿podéis apoyarme?, ¿qué estoy pasando por alto? :(
¡Gracias de antemano!
Saludos,
Jorge
Valora esta pregunta
0