Exibindo mensagens de forma prática com jn-messages

4 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!

Comments