Test Foro de elhacker.net SMF 2.1

Programación => Desarrollo Web => Mensaje iniciado por: datab en 14 Octubre 2015, 07:20 AM

Título: Bloqueo de HTML
Publicado por: datab en 14 Octubre 2015, 07:20 AM
alguien sabe como puedo bloquear una pagina .php, hasta que este cargada completamente, ya sea por jquerry o xhtml request, completamente, esto con el fin de evitar errores en las conexiones lentas, cuando se envi0 un formulario.


Gracias
Título: Re: Bloqueo de HTML
Publicado por: engel lex en 14 Octubre 2015, 14:47 PM
colocas 2 elementos raíz en el body... un elemento id "cargando" con una imagen de carga o similar y otro con todo tu contenido pero con  display: none (http://www.w3schools.com/css/css_display_visibility.asp), con jquery un script de cabecera con su metodo tipico .ready haces que cambie el la visualización del primero a none y el segundo a el original (depende del tag)
Título: Re: Bloqueo de HTML
Publicado por: datab en 14 Octubre 2015, 21:10 PM
Mas facil como bloqueo un div!!! Lo he intendato2 todo y no puedo.
Título: Re: Bloqueo de HTML
Publicado por: alex86sm en 29 Octubre 2015, 20:06 PM
Cita de: datab en 14 Octubre 2015, 07:20 AM
alguien sabe como puedo bloquear una pagina .php, hasta que este cargada completamente, ya sea por jquerry o xhtml request, completamente, esto con el fin de evitar errores en las conexiones lentas, cuando se envi0 un formulario.


Gracias

pon el body asi

Código (html4strict) [Seleccionar]
<body style="display: none;">

y al final coloca asi
Código (html4strict) [Seleccionar]
</body>
<script>$(window).load(function(){$('body').css("display","");});</script>
</html>




Explicación.
Comienza la carga del html, cuando llega al boy llega oculto.
Comienza la carga del Dom
Termina la carga segundaria.
Se ejecuta todos los scripts.
Aplicas
Código (javascript) [Seleccionar]
jquery $(window).load(function(){ $('body').css("display",""); }); para que cuando se aya cargado la web , el dom los script... recien muestres el body.

Mod: Obligatorio el uso de etiquetas GeSHi.