Mensagem de erro com tempo de exibição

[Daniel Machado Barbosa 0]

Olá pessoal !

 

Inseri no site aquela típica mensagem de erro, que quando o usuário faz algo "errado", a mesma aparece notificando-o com alguma frase.

 

Consegui fazer com que essas mensagens de erro funcionassem.

Por enquanto as mensagens aparecem na tela e permanecem até que se dê um F5 ou algo do gênero para que desapareçam.

 

Então, gostaria apenas de fazer com que ela sumisse depois de um determinado tempo, o que for estabelecido por mim.

 

Se caso alguém precisedo cógigo para melhor visualização, disponibilizo o mesmo.

[Cristian Madrid 1]

Cara, você pode user o setTimeout do javascript, onde você pode passar um comando a ser executado após determinado tempo, no teu caso, você limparia o texto, ou excluiria o container da mensagem o/.

 

Mas para sanar qualquer dúvida quanto a implementação, tem como postar seu código ?

[Daniel Machado Barbosa 0]

Segue abaixo o código:

 

.flashmessage { font-size: 14px; padding: 15px 0; width: 500px; top: 50%; left: 30%; z-index: 999; text-align: center; position:absolute;}

.flashmessage-warning { background-color: #FCF8E3; border-bottom: solid 2px #FBEED5; color: #C09853; }

.flashmessage-error { background-color: #F2DEDE; border-bottom: solid 2px #EED3D7; color: #B94A48; }

.flashmessage-info,

.flashmessage-ok { background-color: #D9EDF7; border-bottom: solid 2px #BCE8F1; color: #3A87AD; }

.flashmessage .ico-close { position:fixed; top: 14px; right: 17px; float: right; font-size: 18px; line-height: 18px; color: white; text-shadow:none; text-decoration:none; font-weight: bold; cursor: pointer; }

.flashmessage-error .close { color: #B94A48; }

.flashmessage-warning .close { color: #C09853; }

.flashmessage-success .close,

.flashmessage-information .close { color: #3A87AD; }

 

Mas não tem nenhum atributo que eu possa colocar nesse próprio código acima ?

Ou o css não deixa estabelecer tempo em códigos e funções ?

 

Porque se tivesse seria muito mais fácil e também estaria tudo em um só lugar.

 

Mais uma pergunta, como vou alinhar esses códigos acima com o javascript ?

 

 

Obrigado desde já por sanar minhas primeiras dúvidas !