Ir para conteúdo

POWERED BY:

Arquivado

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

Rafael Cristino

Mensagem tipo Google (C/ imagem)

Recommended Posts

Boas!

Como devem reparar, sou novo neste fórum e se não for pedir muito, gostaria que me pudessem esclarecer uma dúvida...

 

Tou a desenvolver o meu site e então eu queria mostrar uma mensagem com um "Ok", ou seja, Ao clicar no ok a mensagem desaparece. Queria fazer esse efeito tipo o da google, mas claro, a combinar com o estilo do meu site, mas o que neste momento me interessa é o código para obter essa "mensagem".

 

Imagem: http://epvpimg.com/MiVef (O que eu pretendo está no interior da oval vermelha).

 

E já agora, obrigado por tudo.

 

Com os melhores cumprimentos,

Rafael.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Segue um código para você adaptar ao seu site:

 

<script>
function suaFuncao() {
 // colocar seus comandos aqui
	document.getElementById("mensagem").style.display="none";
}
</script>

<style>
#mensagem { width:100%;  background:#efefef; border:1px solid #ccc; padding:10px 0px 15px 20px; font-family:Arial, Helvetica, sans-serif; color:#777; }
#ok { background:#5493E0; border:1px solid #6388EB; color:#fff; font-weight:bold; padding:2px 12px; outline:none; cursor:pointer; }
</style>

<div id="mensagem">Sua mensagem aqui. <input type="button" id="ok" value="Ok" onclick="suaFuncao();" /></div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Já está funcionando essa função... Mas para desaparecer de vez teria que fazer uma configuração com cookie http://www.w3schools.com/js/js_cookies.asp.

Quando usuário clicar a função esconde a div e joga um cookie informando que a mensagem já foi vista. Quando o usuário entrar de novo, verifica se existe o cookie e faz um if e else... Se existir não exibe.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Já está funcionando essa função... Mas para desaparecer de vez teria que fazer uma configuração com cookie http://www.w3schools.com/js/js_cookies.asp.

Quando usuário clicar a função esconde a div e joga um cookie informando que a mensagem já foi vista. Quando o usuário entrar de novo, verifica se existe o cookie e faz um if e else... Se existir não exibe.

Sim, já reparei que essa função ja está lá, mas quando abro a pagina, ao clicar lá nada acontece... É preciso indexar algum tipo de ficheiro à pagina???

 

Cumprimentos,

Rafael.

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.