Função de carregamento em páginas

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Função de carregamento em páginas

Mensagem por patamar16 em 11/07/11, 10:05 pm

Qual é sua questão:
Salve Galera, Apampa na Rampa?
Entao, eu Vejo em varios sites um Efeito muito eficiente, que mostra uma imagem gif ou png de uma bolinha ''Loading'' ou coisa parecida, este efeito dura ate a pagina carregar totalmente, isso ajudaria bastante, Entao eu Queria Aplicar em uma pagina html, e se Possivel, queria uma para colocar na Gestão java script.
queria para essas duas opçoes, a do html e a do gestao de JS, para mim testar se fica bom em todas as paginas do forum.

Vlw ae Galera ^^

Que medidas você tomou para corrigir o problema:
nenhuma ainda.

Apresente-nos imagens do problema (se necessário):


Endereço do fórum:
http://imperadores.forumeiro.com

Versão do fórum:
INVISION


Última edição por patamar16 em 18/07/11, 11:14 pm, editado 1 vez(es)
avatar

patamar16
Nível 9

Masculino
Inscrito dia : 03/09/2009
Mensagens : 152
Pontos Ativos : 256

Ver perfil do usuário http://imperadores.forumeiro.com

Resolvido Re: Função de carregamento em páginas

Mensagem por Dury em 12/07/11, 12:20 am

Olá,

Leia os seguintes tópicos:
1 ° Questão: http://ajuda.forumeiros.com/t39779-
2° Questão: http://ajuda.forumeiros.com/t42976-

Até mais!
Piscada
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Função de carregamento em páginas

Mensagem por patamar16 em 12/07/11, 01:58 pm

Ola, eu fis como no uto, mais nao deu muito certo, a pagina continua no fundo carregando e a imagem do loading invade a pagina, queria um efeito que so aparecece akele loading e so saisse quando a pagina estive-se totalmente carregada.

avatar

patamar16
Nível 9

Masculino
Inscrito dia : 03/09/2009
Mensagens : 152
Pontos Ativos : 256

Ver perfil do usuário http://imperadores.forumeiro.com

Resolvido Re: Função de carregamento em páginas

Mensagem por patamar16 em 12/07/11, 02:30 pm

Ola, eu tive procurando na net, e econtrei um codigo em java acho, mais ele so carrega uma imagem, queria implantar isso pra carregar a pagina toda, eu queria usar so numa pagina html que uso como meu index:

http://imperadores.forumeiro.com

veja o codigo que achei e esta funcionando:
Código:
<script>
window.onload = function(){
    document.getElementById( 'timer' ).firstChild.src = "http://1.bp.blogspot.com/-eC7r3r_0NaU/ThiODzvaiKI/AAAAAAAAAPg/o1VhtWPNJao/s1600/vermfinapngl.png";
}
</script>


Queria que ao invez de carregar essa imagem carregace todo o conteudo da minha pagina html index citada acima. É Possivel? Brigadao (Mal's pelo double Post)
avatar

patamar16
Nível 9

Masculino
Inscrito dia : 03/09/2009
Mensagens : 152
Pontos Ativos : 256

Ver perfil do usuário http://imperadores.forumeiro.com

Resolvido Re: Função de carregamento em páginas

Mensagem por Luciano98 em 13/07/11, 03:05 pm

Olá!

Você quer colocar esse código em uma página HTML, no fórum ou nos dois?
Responda isso que resolverei seu problema.
Se for uma página HTML, passe o link da página e se for em um fórum, passe o link do fórum.

Até mais.
Luciano98.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Função de carregamento em páginas

Mensagem por peq42 em 13/07/11, 03:55 pm

Bem, eu nao sei ele, mais gostaria de faser o mesmo em meu forum(ou seja, por carregamento e faser com que ele só suma quando toda a pagina carregar(ou seja, quando o forum inteiro carregar)).(E no forum).Tem como faser um script para min?
avatar

peq42
Usuário destaque

Masculino
Inscrito dia : 06/06/2010
Mensagens : 552
Pontos Ativos : 768

Ver perfil do usuário http://mundogamer.craftforuns.com/

Resolvido Re: Função de carregamento em páginas

Mensagem por Luciano98 em 13/07/11, 04:13 pm

Olá!

Código para o fórum:
Código:
;jQuery(document).ready(function(){jQuery('body').before('<div class=pagcarreg style="text-align:center"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><img src="LINK" border=0></div>');jQuery('body').hide()});window.onload=function(){jQuery('body').show();jQuery('.pagcarreg').hide()};
LINK = Link da imagem de carregamento.

Não sabe onde utilizar o código?
Spoiler:
1º - Criar uma página HTML para sustentar o código:
Para que possamos adicionar o código, teremos de criar uma página HTML, que será onde o script ficará. Para isso é necessário aceder à:
Painel de controle -> Módulos -> HTML -> Gestão das páginas HTML

Seta Título - Pode colocar o título que quiser para a página, não irá afetar em nada.
Seta Você deseja utilizar o início e o final da página do seu fórum ? - Esta terá de ser obrigatóriamente não. Caso marque-a, o código não irá funcionar adequadamente.
Seta Usar esta página como página inicial? - Esta também deverá estar marcada como não, apesar de que não influencia em nada o código.
Seta Código HTML - Coloque aqui o código que trabalhamos no item anterior.
Após criada a página, deverá salvar e carregar novamente em "Gestão das páginas HTML", onde iremos recuperar o endereço da página criada, para usarmos no próximo ponto.


Terá de encontrar a página HTML que criou e copiar o endereço da mesma. Em vermelho na imagem abaixo está o que deve copiar da página que criou! Por padrão esta será a primeira da lista (isso se for a última a ser criada e se não alterou a ordem de exibição).




- Inserir o código para que funcione em todas as páginas do fórum:
Devemos colocá-lo em um campo que seja mostrado em todas as páginas, como somente há um campo que se encaixe neste requisito, a descrição do seu fórum será comprometida com este código. Pode manter ambos em funcionamento, para isso basta separar o código da descrição.

Para adicionar o código aceda à:
Painel de Controle -> Geral -> Fórum -> Configurações

Ele deverá ser adicionado ao campo "Descrição do site". Caso encontre códigos nesta área, deverá colá-lo primeiro, antes de tudo mais que possa existir neste campo.


O código será:
<script src="ENDERECO-DA-PAGINA-HTML"></script>
Por exemplo, no FdF:
<script src="http://ajuda.forumeiros.com/h1-codigo"></script>

Até mais.
Luciano98
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Função de carregamento em páginas

Mensagem por Askum em 13/07/11, 04:18 pm

Luciano, esse code funcionou cmg certinho, mas tem como de quando estiver carreando, o fundo ficar transparente. para dar yum efeito.?

Eu posto no topico dos outros para n ficar criando topico com duvidas ja existentes.
avatar

Askum
Usuário avançado

Masculino
Inscrito dia : 14/05/2011
Mensagens : 459
Pontos Ativos : 650

Ver perfil do usuário http://extrasenses.net

Resolvido Re: Função de carregamento em páginas

Mensagem por Luciano98 em 13/07/11, 04:29 pm

@Askum escreveu:Luciano, esse code funcionou cmg certinho, mas tem como de quando estiver carreando, o fundo ficar transparente. para dar yum efeito.?

Eu posto no topico dos outros para n ficar criando topico com duvidas ja existentes.
Código:
Código:
;jQuery(document).ready(function(){jQuery('body').css('.bodyline','transparent')});window.onload=function(){jQuery('body').css('.bodyline','#FFFFFF')};

Não sabe onde utilizar o código?
Spoiler:
1º - Criar uma página HTML para sustentar o código:
Para que possamos adicionar o código, teremos de criar uma página HTML, que será onde o script ficará. Para isso é necessário aceder à:
Painel de controle -> Módulos -> HTML -> Gestão das páginas HTML

Seta Título - Pode colocar o título que quiser para a página, não irá afetar em nada.
Seta Você deseja utilizar o início e o final da página do seu fórum ? - Esta terá de ser obrigatóriamente não. Caso marque-a, o código não irá funcionar adequadamente.
Seta Usar esta página como página inicial? - Esta também deverá estar marcada como não, apesar de que não influencia em nada o código.
Seta Código HTML - Coloque aqui o código que trabalhamos no item anterior.
Após criada a página, deverá salvar e carregar novamente em "Gestão das páginas HTML", onde iremos recuperar o endereço da página criada, para usarmos no próximo ponto.


Terá de encontrar a página HTML que criou e copiar o endereço da mesma. Em vermelho na imagem abaixo está o que deve copiar da página que criou! Por padrão esta será a primeira da lista (isso se for a última a ser criada e se não alterou a ordem de exibição).




- Inserir o código para que funcione em todas as páginas do fórum:
Devemos colocá-lo em um campo que seja mostrado em todas as páginas, como somente há um campo que se encaixe neste requisito, a descrição do seu fórum será comprometida com este código. Pode manter ambos em funcionamento, para isso basta separar o código da descrição.

Para adicionar o código aceda à:
Painel de Controle -> Geral -> Fórum -> Configurações

Ele deverá ser adicionado ao campo "Descrição do site". Caso encontre códigos nesta área, deverá colá-lo primeiro, antes de tudo mais que possa existir neste campo.


O código será:
<script src="ENDERECO-DA-PAGINA-HTML"></script>
Por exemplo, no FdF:
<script src="http://ajuda.forumeiros.com/h1-codigo"></script>

Até mais.
Luciano98
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Função de carregamento em páginas

Mensagem por peq42 em 13/07/11, 04:47 pm

Mas como fas para ele carregar no meio do forum(ou seja, sem o forum aparecer)até o forum carregar?Essa é minha duvida(e acho que a dele tbm).
avatar

peq42
Usuário destaque

Masculino
Inscrito dia : 06/06/2010
Mensagens : 552
Pontos Ativos : 768

Ver perfil do usuário http://mundogamer.craftforuns.com/

Resolvido Re: Função de carregamento em páginas

Mensagem por Askum em 13/07/11, 04:59 pm

eu abro em nova pagina js ou adiciona na minha antiga js pagina?
avatar

Askum
Usuário avançado

Masculino
Inscrito dia : 14/05/2011
Mensagens : 459
Pontos Ativos : 650

Ver perfil do usuário http://extrasenses.net

Resolvido Re: Função de carregamento em páginas

Mensagem por Luciano98 em 13/07/11, 05:18 pm

@Askum escreveu:eu abro em nova pagina js ou adiciona na minha antiga js pagina?
O que você pediu foi que o seu fórum ficasse com o fundo transparente durante o carregamento, portanto você deve retirar o código anterior para colocar esse.
Deve substituir o código anterior pelo novo.


@peq42 escreveu:Mas como fas para ele carregar no meio do forum(ou seja, sem o forum aparecer)até o forum carregar?Essa é minha duvida(e acho que a dele tbm).
Código para o fórum:
Código:
;jQuery(document).ready(function(){jQuery('body').before('<div class=pagcarreg style="text-align:center"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><img src="LINK" border=0></div>');jQuery('body').hide()});window.onload=function(){jQuery('body').show();jQuery('.pagcarreg').hide()};
LINK = Link da imagem de carregamento.

Não sabe onde utilizar o código?
Spoiler:
1º - Criar uma página HTML para sustentar o código:
Para que possamos adicionar o código, teremos de criar uma página HTML, que será onde o script ficará. Para isso é necessário aceder à:
Painel de controle -> Módulos -> HTML -> Gestão das páginas HTML

Seta Título - Pode colocar o título que quiser para a página, não irá afetar em nada.
Seta Você deseja utilizar o início e o final da página do seu fórum ? - Esta terá de ser obrigatóriamente não. Caso marque-a, o código não irá funcionar adequadamente.
Seta Usar esta página como página inicial? - Esta também deverá estar marcada como não, apesar de que não influencia em nada o código.
Seta Código HTML - Coloque aqui o código que trabalhamos no item anterior.
Após criada a página, deverá salvar e carregar novamente em "Gestão das páginas HTML", onde iremos recuperar o endereço da página criada, para usarmos no próximo ponto.


Terá de encontrar a página HTML que criou e copiar o endereço da mesma. Em vermelho na imagem abaixo está o que deve copiar da página que criou! Por padrão esta será a primeira da lista (isso se for a última a ser criada e se não alterou a ordem de exibição).




- Inserir o código para que funcione em todas as páginas do fórum:
Devemos colocá-lo em um campo que seja mostrado em todas as páginas, como somente há um campo que se encaixe neste requisito, a descrição do seu fórum será comprometida com este código. Pode manter ambos em funcionamento, para isso basta separar o código da descrição.

Para adicionar o código aceda à:
Painel de Controle -> Geral -> Fórum -> Configurações

Ele deverá ser adicionado ao campo "Descrição do site". Caso encontre códigos nesta área, deverá colá-lo primeiro, antes de tudo mais que possa existir neste campo.


O código será:
<script src="ENDERECO-DA-PAGINA-HTML"></script>
Por exemplo, no FdF:
<script src="http://ajuda.forumeiros.com/h1-codigo"></script>
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Função de carregamento em páginas

Mensagem por patamar16 em 15/07/11, 10:44 am

Bom, funcionou perfeitamente este ultimo, mais o de fundo transparente ficava melhor, mais este codigo nao deu certo, faltou alguma coisa, como a imagem de loading, e o efeito de transparencia nao funciona .-.

se nao der pra ter o fundo transparente , queria mudar a cor do fundo de branco para preto ou uma imagem de background, Tem Como?

Brigadao Pela Atenção *-*
avatar

patamar16
Nível 9

Masculino
Inscrito dia : 03/09/2009
Mensagens : 152
Pontos Ativos : 256

Ver perfil do usuário http://imperadores.forumeiro.com

Resolvido Re: Função de carregamento em páginas

Mensagem por Luciano98 em 18/07/11, 01:39 pm

@patamar16 escreveu:Bom, funcionou perfeitamente este ultimo, mais o de fundo transparente ficava melhor, mais este codigo nao deu certo, faltou alguma coisa, como a imagem de loading, e o efeito de transparencia nao funciona .-.

se nao der pra ter o fundo transparente , queria mudar a cor do fundo de branco para preto ou uma imagem de background, Tem Como?

Brigadao Pela Atenção *-*
Sim é possível mudar o fundo de branco para preto ou por uma imagem:
;jQuery(document).ready(function(){jQuery('body').before('<div class=pagcarreg style="text-align:center"><style>html{background-image:url(IMAGEM)}</style><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><img src="LINK" border=0></div>');jQuery('body').hide()});window.onload=function(){jQuery('body').show();jQuery('.pagcarreg').remove()};
IMAGEM = Link da imagem de fundo

Até mais.
Luciano98
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Função de carregamento em páginas

Mensagem por patamar16 em 18/07/11, 11:13 pm

Ae, Vlew Parcero, E Noize! Resolvido ;D
avatar

patamar16
Nível 9

Masculino
Inscrito dia : 03/09/2009
Mensagens : 152
Pontos Ativos : 256

Ver perfil do usuário http://imperadores.forumeiro.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum