Cita:
Iniciado por mayid 
Podes usar la propiedad position para ubicar cada mensaje en lugares diferentes. Lee la API!
Todo lo que vaya entre llaves en una opcion de lanzamiento.
Para evitar el close all usa:
closer: false
Hola
mayid,
Para que el mensaje se aguante fijo sin que desaparezca con el sticky lo consigo.
Sin embargo, hay dos propiedades que no consigo que funcionen si las especifico dentro de las propiedades del mensaje
Son el
closer y el
position
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.defaults.closer=false;
$.jGrowl("Stick this!", {closer: false, sticky: true, theme:'rojo', position: 'bottom-left' });
$.jGrowl("wwwww!", {closer: false, sticky: true, theme:'verde', position: 'top-right' });
});
div.jGrowl div.verde {
background-color: #77EF6A;
color: #000;
width: 100px;
height:20px;
}
div.jGrowl div.rojo {
background-color: #EF6A77;
color: #000;
width: 300px;
height:20px;
}
body > div.jGrowl.center {
top: 0px;
left: 10%;
}
body > div.jGrowl.bottom-left {
left: 0px;
bottom: 0px;
}
body > div.jGrowl.top-right {
right: 0px;
top: 0px;
}
Para que funcione el closer y el position tengo que ponerlo fuera del mensaje, extraño no?
Y claro si los pongo fuera afecta a todos los mensajes que aparezcan (y no es lo adecuado). ¿Puedes echarme una mano?
$(document).ready(function() {
$.jGrowl.defaults.position = 'center';
$.jGrowl.defaults.closer=false;
$.jGrowl("Stick this!", {sticky: true, theme:'rojo', position: 'bottom-left' });
$.jGrowl("wwwww!", {sticky: true, theme:'verde', position: 'top-right' });
});
Muchas gracias de antemano!