github
Exibindo mensagens de forma prática com jn-messages
5 years ago
by Jaime Neto
Recentemente criei um projeto simples, mas bastante útil, para exibição de mensagens utilizando javascript de forma prática. Chamei-o de jn-messages
.
Com ele, é possível criar blocos de mensagens de três tipos:
- default: Tipo padrão, como os alerts do bootstrap;
- floating: As mensagens flutuam na frente do conteúdo;
- corner: As mensagens aparecem no canto inferior direito da página.
Cada bloco de mensagens pode ser configurado com as seguintes opções:
- max: Limitar a quantidade máxima de mensagens a ser exibida, fazendo com que, caso esse limite seja ultrapassado as mais antigas vão sendo fechadas automaticamente;
- closable: Ativar ou não a exibição de um botão X para fechar cada mensagem;
- timeout: Definir um tempo para que as mensagens sejam fechadas depois de um número de segundos definido;
- counter: Evitar que mensagens repetidas sejam exibidas, mostrando, em vez disso, um contador de exibições em cada mensagem;
Também é possível definir uma lista mensagens fixas com códigos, o que é útil para sistemas que já têm uma lista de mensagens predefinidas.
O código está disponível gratuitamente no github em https://jaimeneto.github.io/jn-messages/ e uma demo em http://jaimeneto.com/jn-messages/demo/ para quem quiser experimentar!
Espero que seja útil!