Como adicionar script de carregamento de página?

  • Identifique-se para criar novos tópicos neste fórum
  • Visitantes anônimos não podem postar neste fórum
Márcio Pereira  Membro De: Canoas - RS - Brasil  Postagens: 190

Galera, gostaria de adicionar uma barra de carregamento no estilo do portal Legendário. Alguém tem alguma dica de como fazer isso?

Grato.

Fernando  Iniciante   Postagens: 3

Olá,!
Como diz o Padre Queveazedo: "Esta função não ecxiste!"
Na realidade até existe, mas aquila barrinha é um GIF para distrair o visitante enquanto a página não carrega.
No XOOPS também tem tanto as funções para fazer isso quanto o GIFzinho enganador
Um exemplo de uso:
Salve o código abaixo como OpenWaitBox.php e coloque no diretório principal de seu xoops:


Include("mainfile.php");
Include(XOOPS_ROOT_PATH ."/header.php");
OpenWaitBox();
@readfile("http://aol.com.br");
CloseWaitBox();
Include("footer.php");
?>


Depois acesse. Como o portal da AOL demora um pouquinho para carregar, ele te mostrará o GIF enganador
É issae, para utilizar em seu XOOPS basta colocar o OpenWaitBox(); no começo do script e CloseWaitBox(); no fim.
Se não gostou do GIF do seu XOOPS, pega o GIF do seu amigo legendário (http://legendario.mundoperdido.com.br/portal/themes/leg4/images/await.gif) e coloca na sua pasta images (dentro do diretório principal).

Ateh + e Boa Sorte!

Genivaldo P. Freitas  Ocasional   Postagens: 35

Achei muito interessante esse esquema, mas fiz conforme a explicação e não funcionou, tem como detalhar um pouco mais a respeito de como fazer.

dragnet  Regular   Postagens: 66

Ae Fernando eu também há tempos estava atrás deste script, será que dava para você se aprofundar um pouco mais nessa explicação, pelo menos para mim não ficou muito claro...depois que eu salvar o código:

Include("mainfile.php");
Include(XOOPS_ROOT_PATH ."/header.php");
OpenWaitBox();
@readfile("http://aol.com.br");
CloseWaitBox();
Include("footer.php");
?>

Eu salvo e coloco OpenWaitBox(); no começo do script e CloseWaitBox(); no fim. do index.php é isso?

Desculpa se a pergunta é boba é porque sou iniciante em PHP e estou aprendendo ainda...VALEU

Gislaine  Ocasional   Postagens: 36

Bom eu não testei ainda, mas creio que é no começo do theme.html que é o principal. Detro da pasta do seu theme.
To chutando isso pelo seguinte. Pq alguns temas que estava testando aqui tem esse codigo.
Vejam aí e postem a solução se é isso mesmo.

Fernando  Iniciante   Postagens: 3

vamos explicar detalhadamente então
Primeiramente o código que eu postei é só um exemplo de uso do OpenWaitBox() e deve ser salvo como ARQUIVO. Depois para ver o OpenWaitBox() funcionando deve-se executar este arquivo dentro do seu diretório XOOPS.
Vamos primeiro entender como funciona:
OpenWaitBox() abre um layer no seu portal que mostra aquele GIF e uma mensagem para aguardar, porque o portal está sendo carregado... colocando esta função no começo do script, o layer será exibido.
CloseWaitBox() não faz nada, apenas torna invisível o layer que antes estava sendo exibido contendo a mensagem de "Aguarde".
Então, seguindo a lógica, você coloca o OpenWaitBox() no começo do script, quer dizer que antes de fazer qualquer coisa, o portal vai MOSTRAR a mensagem de aguarde e vai carregar toda a página com a mensagem de "Aguarde" mostrando na tela.
Daí , no fim do script será colocado o CloseWaitBox(), ou seja, depois que carregar a página toda, ele vai "fechar" a mensagem de "aguarde", permitindo então ao usuário navegar sossegado pelo portal.
Para implantar no seu portal inteiro
-Abra o seu theme.html
-Logo depois da tag <body>, coloque o seguinte:


<{php}>
OpenWaitBox();
<{/php}>

-Logo uma linha antes da tag </body> coloque o seguinte:

<{php}>
CloseWaitBox();
<{/php}>


Pronto! Basta agora esvaziar a pasta templates_c e entrar no seu site!

Lembrando que se você fizer isso e não ver a barrinha de "carregando", significa que a página que você está acessando carregou muito rápido (conexão sarada, hein?), experimente entrar/criar uma página que tenha bastante conteúdo a ser carregado (pegue um artigo enorme e cole no Tinycontent, por exemplo).

Issae!

Momento Zen (Vamos Fazer a DIFERENÇA)

Olhando por aí, dá uma dor aqui.
Às vezes dá vontade de não ver.
Às vezes dá vontade de chorar.
Às vezes dá vontade de esquecer.
Mas quando essa vontade te encontrar.
Transforme essa vontade em fazer.
Neste segundo em algum lugar do mundo.
Alguém está precisando de você
Faça parte.
Faça a sua parte.
E dê a melhor parte de você
Não é com a mão no bolso.
É com a mão na massa.
Que dá prá ajudar a resolver.
Basta um pouquinho.
Você ainda não está sozinho.
Faça porque há muito prá fazer.
Faça parte.
Faça sua parte.
E dê a melhor parte de você

Gislaine  Ocasional   Postagens: 36

vamos explicar detalhadamente então

Vixi, foi o máximo, parabéns

Momento Zen (Vamos Fazer a DIFERENÇA)

Olhando por aí, dá uma dor aqui.
Às vezes dá vontade de não ver.
Às vezes dá vontade de chorar.
Às vezes dá vontade de esquecer.
Mas quando essa vontade te encontrar.
Transforme essa vontade em fazer.
Neste segundo em algum lugar do mundo.
Alguém está precisando de você
Faça parte.
Faça a sua parte.
E dê a melhor parte de você
Não é com a mão no bolso.
É com a mão na massa.
Que dá prá ajudar a resolver.
Basta um pouquinho.
Você ainda não está sozinho.
Faça porque há muito prá fazer.
Faça parte.
Faça sua parte.
E dê a melhor parte de você

Chorei, mas captamos a mensagem, amado tujejara

Gislaine  Ocasional   Postagens: 36

Obrigado, está vendo...sabia que era o theme.
To vivendo e aprendendo.

dragnet  Regular   Postagens: 66

Valeu pela resposta Fernando, mas não sei quanto aos outros mas no meu caso, não funcionou corretamente, no caso o gif de carregamento fica aparecendo na parte superior da página principal intermetentemente(sem sumir) segui todas as suas instruções e não sei o que pode ter ocorrido o código ficou assim:

<body>
<{php}>
OpenWaitBox();
<{/php}>



















<{$xoops_banner}>








   <a href="<{$xoops_url}>">home 

<{if $xoops_lblocks}>

<{/if}>








<{if $xoops_showcblock == 1}>





<{/if}>



<img src="<{$xoops_imageurl}>images/module.jpg"/>

<{foreach item=block from=$xoops_ccblocks}>










<img src="<{$xoops_imageurl}>images/title_icon.gif" align="absmiddle" /> <{$block.title}>
<{$block.content}>

<{/foreach}>







<{foreach item=block from=$xoops_clblocks}>










<img src="<{$xoops_imageurl}>images/title_icon.gif" align="absmiddle" /> <{$block.title}>
<{$block.content}>

<{/foreach}>
 

<{foreach item=block from=$xoops_crblocks}>










<img src="<{$xoops_imageurl}>images/title_icon.gif" align="absmiddle" /> <{$block.title}>
<{$block.content}>

<{/foreach}>



<{if $xoops_showrblock == 1}>

<{/if}>






<{$xoops_contents}>
 
<{foreach item=block from=$xoops_rblocks}>










<img src="<{$xoops_imageurl}>images/title_icon.gif" align="absmiddle" /> <{$block.title}>
<{$block.content}>


<{/foreach}>

























<{$xoops_footer}>
THEME DESIGN: IMAGO:THEMES   THEME
NAME: imago08
 





<{php}>
CloseWaitBox();
<{/php}>

</body>
</html>

Fernando  Iniciante   Postagens: 3

Só por desencargo de consciência, experimente trocar o seu:


<body>
<{php}>
OpenWaitBox();
<{/php}>

Por :

<body>
<{php}>
OpenWaitBox();
<{/php}>


Veja se funfa, poste os problemas aqui

dragnet  Regular   Postagens: 66

Funfou beleza VALEU! Fernando, mais uma para você, o que um simples detalhe não afeta numa linha de comando...

Genivaldo P. Freitas  Ocasional   Postagens: 35

Valeu Fernando agora sim deu certo está funcionando que é uma beleza que quiser conferir é só acessar GGN Ambiente Jurídico o portal está de cara nova.

Abraços...

Pedro Gonçalves  Participativo De: Belo Horizonte - MG - Brasil  Postagens: 115

O que está errado? coloquei assim,, aí o tema ficou todo avacalhado... olhem aí e me ajudem!

Flow's.

__________________

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://w3.org/1999/xhtml" xml:lang="<{$xoops_langcode}>" lang="<{$xoops_langcode}>">
<head>
<meta http-equiv="content-type" content="text/html; charset=<{$xoops_charset}>" />
<meta http-equiv="content-language" content="<{$xoops_langcode}>" />
<meta name="robots" content="<{$xoops_meta_robots}>" />
<meta name="keywords" content="<{$xoops_meta_keywords}>" />
<meta name="description" content="<{$xoops_meta_description}>" />
<meta name="rating" content="<{$xoops_meta_rating}>" />
<meta name="author" content="<{$xoops_meta_author}>" />
<meta name="copyright" content="<{$xoops_meta_copyright}>" />
<meta name="generator" content="XOOPS" />
<title><{$xoops_sitename}> - <{$xoops_pagetitle}></title>
<link href="<{$xoops_url}>/favicon.ico" rel="SHORTCUT ICON" />
<link rel="stylesheet" type="text/css" media="screen" href="<{$xoops_url}>/xoops.css" />
<link rel="stylesheet" type="text/css" media="screen" href="<{$xoops_themecss}>" />

<{$xoops_module_header}>
<script type="text/javascript">

</script>

<body>
<{php}>
OpenWaitBox();
<{/php}>