Ir para conteúdo

POWERED BY:

Arquivado

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

- KbeçãO -

Aviso: "Carregando"

Recommended Posts

Boa tarde iMasters...

Então..

minha pagina ja está pronto...

irá ao ar, em algumas horas, ou talves amanhã.

Gostaria de saber, como coloco um aviso no canto da página, avisando ao usuário que a página está sendo carregada.

Só um quadrado escrito "Carregando..."

Como faço isso?

Compartilhar este post


Link para o post
Compartilhar em outros sites

<p id="carregando">Carregando...</p>

?

ai pra ficar quadrado, você usa css..

 

isso ? ou tem alguma ação ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

bom, essa parte eu ja imaginava...

mas eu preciso que esse aviso, só apareça qdo a pagina estiver carregando, depois de carregada ela exibe o conteúdo escolhido pelo usuário...

por isso postei no forum de JS, pois acredito que preciso de uma função JS para fazer isso...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Ae brother, veja se lçhe ajuda...

 

Crie uma dive da seguinte forma.

 

<div class="prepage" id="prepage">CARREGANDO</div>

 

Coloque a chamada da funcao no onload.

 

<body onload="Aguarde()"/>

 

funcao js.

<script>
function Aguarde() 
{ //DOM
if (document.getElementById)
{
	document.getElementById('prepage').style.visibility='hidden';
}
else
{
	if (document.layers)
	{ //NS4
		document.prepage.visibility = 'hidden';
	}
	else
	{ //IE4
		document.all.prepage.style.visibility = 'hidden';
	}
}
}
</script>

 

caso nao funcionar posta ai.

Abraço

Compartilhar este post


Link para o post
Compartilhar em outros sites

qse isso..

funcionou..

mas a div so e exibida no ultimo segundo de carregamento..

existe alguma forma de armazenar a pagina em cache, e so exibi-la depois de ter sido completamente carregada ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

qse isso..

funcionou..

mas a div so e exibida no ultimo segundo de carregamento..

existe alguma forma de armazenar a pagina em cache, e so exibi-la depois de ter sido completamente carregada ?

 

Brother seguinte existe diversas formas de fazer, porem para que eu posssa saber a melho forma de voce fazer eu preciso saber como esta querendo executar o carregamento por exemplo.

 

Sua pagina recarrega com um post?

OU voce usa ajax para carregar as paginas?

 

Obs nao precisa me mandar codigo, apenas como esta executando sua pagina e onde que vai ser usado o carregamento...

Ae vejo uma forma melhor de lhe ajudar.

Aguardo.

Compartilhar este post


Link para o post
Compartilhar em outros sites

bom..

minha pagina ñ e complexa...

tenho um menu <ul> .....

minha pagina tem uma div central chamada "conteudo"..

dentro dela tem uma função php, que pega os valores enviados via get do meu menu...

vou passa-los para você entender

<ul id="menu">
<li><a href="">Empresa</a>
	<ul>
		<li class="align"><a href="?pg=editorial">Editorial</a></li>
		<li class="align2"><a href="?pg=resp_social">Resp.Social</a></li>    
	</ul>
</li>
<li><a href="?pg=clientes">Clientes</a></li>
<li><a href="?pg=portifolio">Portifólio</a></li>
<li><a href="?pg=certificados">Certificados</a></li>
<li><a href="?pg=premios">Prêmios</a></li>
<li><a href="?pg=parceiros">Parceiros</a></li>
<li class="last"><a href="?pg=contato">Contato</a></li>
</ul>

 

<div id="conteudo" align="center">

 <?php
	function getGet( $key ){
		return isset( $_GET[ $key ] ) ? $_GET[ $key ] : null;
	}
	$pg = getGet('pg');
	if( is_file( $pg.'.php' ) )
		include $pg.'.php';
	else
		include 'boasvindas.php';
?>

</div>

 

sacou??

Compartilhar este post


Link para o post
Compartilhar em outros sites

Brother, se voce vai trabalhar dessa maneira a funcao que lhe passei deveria lhe atender tranquilamente...

VAmos refletir, o onload ocorre quando a pagina e carregada, ou seja assim que o termino dela for executado ela ativa a funcao e esconde a div.

 

Vamos tentar o seguinte.

Use a funcao como te passei e crie uma div com o seguinte css e me dix o se funfa.

.div_exemplo {
position:fixed;
z-index:600;
left:0;
top:0;	
background:#999;
height:300px;
width:300px;
}

 

div_exemplo eh a class da div ok

aguardo.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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