Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17743
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Janela abre e fecha

29-01-2007 00:16

Vou mostrar nesse artigo um script para você mostrar seu conteúdo, como se fosse uma popup, mas, personalizada, no script você pode definir para a janela ser mostrada no carregamento do documento ou aparecer ao clicar em um botão.

detalhamento no código:

<script language="JavaScript"> /* script para esconder a janela */ function hidebox(){ if (document.all) janela.style.visibility="hidden" else if (document.layers) document.janela.visibility="hide" } </SCRIPT>   <script language="JavaScript"> /* script para mostrar a janela */ function mostra() { document.getElementById('janela').style.visibility = "visible"; } </script>


<!-- input que chama a janela caso optar em ocultar //--> <input type="button" id="a" value="mostra" onClick="return mostra()">   <style type="text/css"> /* posicionamento da janela */ /* adicione visibility:hidden; ao div abaixo para carregar a jenala fechada, sendo ativada pelo botão */ .div{ position:absolute; left:100px; top:100px; width:100px; height:100px; } </style>   <!-- div com o conteúdo da janela //--> <div id="janela" class="div"> <table width="100" height="100" border="1"> <tr> <td valign="top">texto</td> <td align="right" valign="top"><a href="javascript:hidebox()">Fechar</a></td> </tr> <tr><td colspan="2" valign="top">seu conteúdo aqui</td></tr> </table> </div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado