Ir para conteúdo

POWERED BY:

Arquivado

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

guga_programador

javascript + pop ups

Por , em Javascript

Recommended Posts

guga_programador    0

guga_programador
Postado

Boa tarde pessoal, tudo bem?

 

Tenho uma dúvida sobre o uso de pop-ups se tem como fazer com js...

 

quero que abra um pop-up css (sobreposto) de ajuda toda vez q o usuário digitar a tecla "h" é possível?

 

este pop-up deve ficar no máximo por "x" segundos ou até o usuário clicar em fechar... tem como também?

 

ps: aproveitando para fazer uma pergunta que é mais de css e html: dá pra colocar flash dentro do pop-up?

 

Vlw galera!

Compartilhar este post

Link para o post
Compartilhar em outros sites

P@trique    0

P@trique
Postado

Primeiro... você terá q

 

Bom to com preguiça de escrever, fiz um exemplo aqui, veja se entenda, na dúvida pergunte....

 

crie uma pagina chamada teste.html... nela coloque o seguinte code.

 

teste.html

<html>
   <head>
       <title></title>
       <link rel="stylesheet" href="http://www.jacklmoore.com/colorbox/example1/colorbox.css" />
       <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
       <script src="http://www.jacklmoore.com/colorbox/colorbox/jquery.colorbox.js"></script>
       <script language="javascript">
       document.onkeyup = KeyCheck;       
       function KeyCheck(e) {
           var KeyID = (window.event) ? event.keyCode : e.keyCode;
           switch(KeyID) {
               case 72:
               $.colorbox({href:"ajuda.html", width:"400", height:"300"});
               break;
           }
       }
       </script>
   </head>
   <body>
       <div id="conteudo">
	    Aperte "h" para abrir a ajuda...
       </div>
   </body>
</html>

 

agora crie uma página chamada ajuda.html.... nela coloque o seguinte code...

 

ajuda.html

aqui coloca o anuncio... flash... sei lá.
<br /><br />
este box fechara automaticamente em 10 segundos....
<script language="javascript">
setInterval("fechar()",10000);
function fechar() {
  parent.$.fn.colorbox.close();
}
</script>

 

Pronto... agora abra o teste.html pelo seu computador... em localhost.... e faça o teste apertando a tecla "h" note que abrira um popup interno.... muito mais elegante... lá vai ter um aviso... e em 10 segundos a janela se fecha.

 

É um exemplo do que pode ser feito e de como você pode fazer, basta utilizar a cabeça e montar de acordo com suas necessidades, é um exemplo para você ter uma noção.

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