Estoy siguiendo tu consejo
y estoy utilizando el plugin de
jquery.jgrowl
Tengo un par de dudas:
No consigo alinear cada mensaje de una manera diferente. Con el theme consigo cambiarle los colores al mensaje y diferenciarlos, eso correcto. Pero lo que quiero es por ejemplo uno aparezca
centrado y el otro a la derecha de la pantalla.
He probado con
position pero no me hace nada, la única forma que he logrado que funcione es poniendo
$.jGrowl.defaults.position = 'center'; al comienzo, pero me lo aplica a todos los mensajes...
También me gustaría saber si se puede quitar el
"close all" que aparece cuando muestras varios mensajes a la vez.
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript" src="jquery.jgrowl_minimized.js"></script> <link rel="stylesheet" href="jquery.jgrowl.css" type="text/css" />
<script type="text/javascript">
$(document).ready(function() {
//$.jGrowl.defaults.position = 'center';
$.jGrowl("Has recibido un nuevo mensaje de Darucilla!", {position:'center',theme:'verde'});
$.jGrowl("Mensaje eliminado!", {position:'bottom-left',theme:'rojo'});
});;
div.jGrowl div.verde {
background-color: #77EF6A;
color: #000;
}
div.jGrowl div.rojo {
background-color: #EF6A77;
color: #000;
}
body > div.jGrowl.center {
top: 0px;
left: 10%;
}
Muchas gracias de antemano!