Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Hugo Borges_120734

erro com sistema loading que criei

Por , em Javascript

Recommended Posts

Hugo Borges_120734    6

Hugo Borges_120734
Postado

Bom galera, criei um sistema que loading, onde aparece uma div informando que os dados estão sendo carregados, depois de todo conteúdo carregado ele some.

 

Bom funciona muito bem, o problema e que quando o usuário clica em voltar a pagina, ou eu mando um comento history.back(); a div fica travada na tela, e so sai quando clico em f5 para atualizar a pagina.

 

Alguém poderia me ajudar com este bug.

 

Segue os códigos;

 

JS 

//Variáveis globais
var _loadTimer	= setInterval(__loadAnima,18);
var _loadPos	= 0;
var _loadDir	= 2;
var _loadLen	= 0;

//Anima a barra de progresso
function __loadAnima(){
	var elem = document.getElementById("barra_progresso");
	if(elem != null){
		if (_loadPos==0) _loadLen += _loadDir;
		if (_loadLen>132 || _loadPos>79) _loadPos += _loadDir;
		if (_loadPos>79) _loadLen -= _loadDir;
		if (_loadPos>79 && _loadLen==0) _loadPos=0;
		elem.style.left		= _loadPos;
		elem.style.width	= _loadLen;
	}
}

//Exibe o carregador
function __loadExibe(){
	var objLoader				= document.getElementById("carregador_pai");
	objLoader.style.display		="block";
	objLoader.style.visibility	="visible";
	
	var _loadTimer	= setInterval(__loadAnima,18);
    var _loadPos	= 0;
    var _loadDir	= 2;
    var _loadLen	= 0;
}



//Esconde o carregador
function __loadEsconde(){
	this.clearInterval(_loadTimer);
	var objLoader				= document.getElementById("carregador_pai");
	objLoader.style.display		="none";
	objLoader.style.visibility	="hidden";
}

html

<body oncontextmenu='return false' onLoad="__loadEsconde();">	
	<!-- LOAD -->
		<div id="carregador_pai">
 			<br><br><br><br><br><br><br><br><br><br>
    			<div id="carregador">
        			<div align="center">Aguarde carregando dados ...</div>
        			<div id="carregador_fundo"><div id="barra_progresso"></div></div>
    			</div>
		</div>
		<!-- FIM  LOAD -->
</body>

css:

/*------------------------------- LOAD ----------------------------*/
#carregador_pai {
    		width: 100%;
		height: 100%;
    		position:fixed;
		z-index: 9999;
		background: #ffffff;
}

#carregador {
		border:1px solid #eae9e9; 
    		display: block;
    		z-index: 2;
    		padding-bottom: 16px;
    		margin: 0px auto;
    		width: 230px;
    		padding-top: 10px;
		text-align: left;

}
#barra_progresso {
    		position: absolute;
    		top: 1px;
    		height: 5px;
   		background-color: #1E90FF
}
#carregador_fundo {
    		left: 8px;
    		width: 213px;
   		position: relative;
   		top: 8px;
    		height: 7px;
   		background-color: #ebebe4
}
/*------------------------------- FIM LOAD ----------------------------*/

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito