Ir para conteúdo

POWERED BY:

Arquivado

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

Yahoo

Exemplos de loading

Por , em Javascript

Recommended Posts

Yahoo    0

Yahoo
Postado

alguém pode me passar exemplos de "loading"??? Ao requisitar uma pagina aparecer uma layer cobrindo toda a pagina com o nome ou imagem carregando e ao carregar sumir.Obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

_Xc@zU_    0

_Xc@zU_
Postado

Galera tb preciso dessa parada aih..

po ex...

tenho a seguinte pág..

http://www.hi-fi.110mb.com/fotos.htm (bem começo de carreira neh.. hauhauh xP)

como utilizo o efeito lightbox, não pode ser clicado antes que a página toda carregue...

aí tenho o sguinte aviso...

mas o usuário tem que clicar para fechar..

gostaria que esse layer sumisse sozinho ao carregar da página...

alguém sabe como fazer isto??

Compartilhar este post

Link para o post
Compartilhar em outros sites

Suissa    1

Suissa
Postado

lendo isso acho que uma solução seria criar como primeiro elemento da pagina um div com os tamanhos do browser (tudo via JS) ae cria uma função

 

function someDIV(dive){   document.getElementById(dive).style.block = 'none';}

ae chama qndo carregar a pagina

 

<body onload="someDIV('div_criado_pelo_js')"

codigo para criar o div (tem uams funçoes q parecem estranhas mas são para agilizar o processo)

 

// Utilizado para evitar de digitar: document.getElementById toda hora, tornando o processo mais práticofunction gE(ID) {	return document.getElementById(ID);}// Utilizado para evitar de digitar: document.getElementsByTagName toda hora, tornando o processo mais práticofunction gEs(tag) {	return document.getElementsByTagName(tag);}// Utilizado para criar o fundo sobre a página (wiewport), body.function exibirBgBody() {	// Seleciona a tag body. item(0) por que só existe uma tag body	var tagBody = gEs('body').item(0);	// Pega os tamanhos atuais da página, como largura, altura, ...	var sizesPage = getPageSize();	// Vamos criar uma tag div	var bgBody = document.createElement('div');	// Setar o atributo ID a div criada	bgBody.setAttribute('id','bgBody');	// Essa div terá o tamanho exato da página	bgBody.style.height = arrayPageSize[1] + 'px';	// Essa div terá a largura exata da página	bgBody.style.width = arrayPageSize[0] + 'px';	// Evita criar a div novamente	if (!gE('bgBody')) {		tagBody.insertBefore(bgBody, tagBody.firstChild);	}	}// getPageSize()// Returns array with page width, height and window width, height// Core code from - quirksmode.org// Edit for Firefox by pHaez//function getPageSize(){		var xScroll, yScroll;		if (window.innerHeight && window.scrollMaxY) {			xScroll = document.body.scrollWidth;		yScroll = window.innerHeight + window.scrollMaxY;	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac		xScroll = document.body.scrollWidth;		yScroll = document.body.scrollHeight;	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari		xScroll = document.body.offsetWidth;		yScroll = document.body.offsetHeight;	}		var windowWidth, windowHeight;	if (self.innerHeight) {	// all except Explorer		windowWidth = self.innerWidth;		windowHeight = self.innerHeight;	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode		windowWidth = document.documentElement.clientWidth;		windowHeight = document.documentElement.clientHeight;	} else if (document.body) { // other Explorers		windowWidth = document.body.clientWidth;		windowHeight = document.body.clientHeight;	}			// for small pages with total height less then height of the viewport	if(yScroll < windowHeight){		pageHeight = windowHeight;	} else { 		pageHeight = yScroll;	}	// for small pages with total width less then width of the viewport	if(xScroll < windowWidth){			pageWidth = windowWidth;	} else {		pageWidth = xScroll;	}	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) }

 

e ae funcionou?

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