Estoy buscando en pines notify (http://pines.sourceforge.net/pnotify/) y se ve bien, pero parece tener poca documentación real, así que me pregunto si hay algo más establecido y trabajado en el mercado?¿Buen complemento de notificación para Jquery?
Como no quiero perder tiempo tratando de descubrir cómo usar los pinos y luego descubro que falta alguna característica que necesitaba unos meses más tarde que necesitaba cambiar a un complemento diferente.
Esto me sucedió con tablesorter 2.0 Lo estaba usando, entonces necesitaba el filtrado, pero el suyo era un poco asfixiado, así que encontré las tablas de datos que tenían una API más grande y desarrollaba más.
Así que me pregunto si hay algo así como las tablas de datos (en términos de desarrollo y características) solo para notificaciones en su lugar.
Editar
Así que estoy mirando jgrowl y un poco confundida con la forma de utilizar el rodillo tema con ella.
Así que tomé uno de los archivos de ejemplo y lo desnudé con todo lo que pensé que era basura.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml" debug="true">
<head>
<title>jGrowl meet Twitter</title>
<link rel="stylesheet" href="../jquery.jgrowl.css" type="text/css"/>
<link type="text/css" href="css/le-frog/jquery-ui-1.7.2.custom.css" rel="Stylesheet" />
<script type="text/javascript">
$(function(){
$('.ui-state-default').hover(
function(){$(this).addClass('ui-state-hover');},
function(){$(this).removeClass('ui-state-hover');}
)
.mousedown(function(){$(this).addClass('ui-state-active');})
.mouseup(function(){$(this).removeClass('ui-state-active');})
.mouseout(function(){$(this).removeClass('ui-state-active');});
});
</script>
<script type="text/javascript" src="jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="../jquery-1.3.2.js"></script>
<script type="text/javascript" src="../jquery.jgrowl.js"></script>
<script type="text/javascript">
$(document).ready(function(){
// This value can be true, false or a function to be used as a callback when the closer is clciked
$.jGrowl.defaults.closer = function() {
console.log("Closing everything!", this);
};
$.jGrowl("Sticky notification with a header",
{
header: 'A Header',
sticky: true,
});
});
</script>
</head>
<body>
<div id="trdevtool_contain" class="ui-widget ui-widget-content ui-corner-all">
<div class="ui-widget-header ui-corner-top">
<h1>jQuery UI ThemeRoller <span>Developer Tool</span></h1>
</div>
</div>
</body>
</html>
No entiendo para qué es esto
<script type="text/javascript">
$(function(){
$('.ui-state-default').hover(
function(){$(this).addClass('ui-state-hover');},
function(){$(this).removeClass('ui-state-hover');}
)
.mousedown(function(){$(this).addClass('ui-state-active');})
.mouseup(function(){$(this).removeClass('ui-state-active');})
.mouseout(function(){$(this).removeClass('ui-state-active');});
});
</script>
Parece tener nada que ver con la aplicación de los temas. Me lo quité y el tema todavía se aplicó. Además, si nos fijamos en mi jgrow
$.jGrowl("Sticky notification with a header",
{
header: 'A Header',
sticky: true,
});
No hago ninguna mención del tema sin embargo, todavía algunos cómo usa el tema. ¿Por qué está tomando el tema?
Ya veo un montón que estoy tratando de averiguar cuál es el más utilizado y más en el desarrollo. – chobo2
@ chobo2: todos tienen estilos/sabores ligeramente diferentes, elige el que mejor se adapte a tu sitio y el conjunto de características requeridas, diría (por ejemplo, ¿necesitas hacer cola?), Todos son muy ligeros –
[aquí] (http://stackoverflow.com/questions/2983899/does-jquery-have-a-plugin-to-display-a-message-bar-like-the-twitter-wrong-pas) es otra respuesta escrita por usted para ** mostrar notfcation mensajes en la parte superior de la página ** – stom