20 June 2014, 21:22
3
El otro manual es via AJAX
Registrate o inicia tu sesión para ver este contenido
Si desean hacerlo consume 1 consulta por cada revisión de las alertas tu configuras el tiempo en el script para revisar por nuevas alertas, lo cual es una consulta básica de la cantidad de consultas sin embargo se envía una petición cada x segundos, al igual que si activamos AJAX en MyAlerts, esto es cuando lo colocas en 0, igual funcionará, pero el AJAX hará su trabajo por si mismo dejando el trabajo al plugin y únicamente vamos a hacer uso de las cosas pasadas con una modificación al script.
1.- Vamos a subir el archivo que dejo adjunto aquí a la carpeta jscripts. (Ambos archivos la hoja de estilo y el script si los colocan en otro lado deben cambiar las rutas a los mismos en el código que dejo en el paso 2).
2.- Agregar en tu headerinclude lo siguiente:
OJO, puedes tener ambas librerias sin problemas a menos que tengas códigos mal escritos te van a causar problemas yo en todos mis temas las agrego casi siempre ambas y todo me funciona bien porque escribo bien el código, si no te sale sigue la guia de abajo.
Registrate o inicia tu sesión para ver este contenido
Esto en caso de ya tener la libreria jquery, entonces agrega esto debajo de la librería jquery, donde quiera que sea, pero debe ir después de esta si no no te va a funcionar (para referencia mira el código de arriba.):
Con esto ya tendremos las alertas modificadas con la forma en plural y singula dando el nombre de usuario tal y como aquí lo tenemos, si deseas agregar mas cosas de jquery puedes hacerlo debajo del jGrowl y antes del cierre de las condicionales if para ambos casos y puedes agregar uno extra en si las alertas son menores a 1 que tenga una hoja de estilo, esto ya lo he probado y funciona perfecto, agregando por ejemplo estilizaciones o textos o lo que sea necesario, saludos...
Para editar el jgrowl edita el archivo del adjunto, si no deseas tenerlo asi puedes agregarlo como en el primer manual de AJAX todo, lo único que cambia es que NO debes editar el archivo del plugin MyAlerts y el código de jQuery que va en tu headerinclude.
A los que no les funcione es porque deben actualizar a MyAlerts 1.05 ya hice pruebas y es verdad, sin embargo con las versiones 1.04 funciona este archivo que dejo abajo.
jgrowl.css (Tamaño: 4.83 KB / Descargas: 1) - 21 June 2014, 21:07
Se reemplaza por la hoja de estilo del jGrowl en jscripts, y quizá no sólo en este sno en muchos otros casos ya les debe funcionar ya que es problema de reconocimiento de la hoja de estilo, pero ya está probado ahora mismo y funciona perfecto con MyAlerts 1.04 incluso he colocado mas cambios y todo funciona bien con las variables agregadas.
Previa:
NOTA: Por mera curiosidad he entrado desde Chrome en otra cuenta y no salen las alertas.
Ahora estoy revisando y parece ser que en Chrome no aparece porque no carga bien el plugin de jQuery ya que el código si está, sin embargo no se mira porque no carga bien los datos del Growl, vaya cosa, voy a mirar que puede estar sucediendo
.
Finalmente vaciando la cache ya funciona, algo extraño, si estaban los letreros funcionando pero no cogía el estilo he vuelto a cargar el css y con eso ahora ya funciona bien igual en todos los navegadores, menos mal ya me había quedado flipando, recomiendo ver más Growls ya que hay infinidad de ellos y estilizaciones, la verdad es que esta librería es la más vieja o distinta ya hay muchísimas con mas efectos de varias formas se pueden crear inclusive noticias y cosas que vayan creandose, sin embargo lo mejor es consumir la menor cantidad de recursos.
Bueno si funciona cualquier cosa no duden en comentarla vale, estamos en contacto.
Registrate o inicia tu sesión para ver este contenido
Si desean hacerlo consume 1 consulta por cada revisión de las alertas tu configuras el tiempo en el script para revisar por nuevas alertas, lo cual es una consulta básica de la cantidad de consultas sin embargo se envía una petición cada x segundos, al igual que si activamos AJAX en MyAlerts, esto es cuando lo colocas en 0, igual funcionará, pero el AJAX hará su trabajo por si mismo dejando el trabajo al plugin y únicamente vamos a hacer uso de las cosas pasadas con una modificación al script.
1.- Vamos a subir el archivo que dejo adjunto aquí a la carpeta jscripts. (Ambos archivos la hoja de estilo y el script si los colocan en otro lado deben cambiar las rutas a los mismos en el código que dejo en el paso 2).
2.- Agregar en tu headerinclude lo siguiente:
OJO, puedes tener ambas librerias sin problemas a menos que tengas códigos mal escritos te van a causar problemas yo en todos mis temas las agrego casi siempre ambas y todo me funciona bien porque escribo bien el código, si no te sale sigue la guia de abajo.
Registrate o inicia tu sesión para ver este contenido
Código: ( Seleccionar Todo )
<link rel="stylesheet" type="text/css" href="{$mybb->settings['bburl']}/jscripts/jgrowl.css" />
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="jscripts/jquery.jgrowl.js"></script>
<script type="text/javascript">
var unreadAlerts = {$mybb->user['unreadAlerts']};
jQuery.noConflict();
jQuery(document).ready(function($) {
if({$mybb->user['usergroup']} != 1 && {$mybb->user['usergroup']} != 5 && {$mybb->user['usergroup']} != 7) {
if ({$mybb->user['unreadAlerts']} == 1) {
$.jGrowl('{$mybb->user['username']} tienes {$mybb->user['unreadAlerts']} nueva alerta', { position: 'bottom-left', header: 'Alerta', life: 5000});
}
else if ({$mybb->user['unreadAlerts']} > 1) {
$.jGrowl('{$mybb->user['username']} tienes {$mybb->user['unreadAlerts']} nuevas alertas', { position: 'bottom-left', header: 'Mis alertas', life: 5000});
}
}
});
</script>Esto en caso de ya tener la libreria jquery, entonces agrega esto debajo de la librería jquery, donde quiera que sea, pero debe ir después de esta si no no te va a funcionar (para referencia mira el código de arriba.):
Código: ( Seleccionar Todo )
<link rel="stylesheet" type="text/css" href="{$mybb->settings['bburl']}/jscripts/jgrowl.css" />
<script type="text/javascript" src="jscripts/jquery.jgrowl.js"></script>
<script type="text/javascript">
var unreadAlerts = {$mybb->user['unreadAlerts']};
jQuery.noConflict();
jQuery(document).ready(function($) {
if({$mybb->user['usergroup']} != 1 && {$mybb->user['usergroup']} != 5 && {$mybb->user['usergroup']} != 7) {
if ({$mybb->user['unreadAlerts']} == 1) {
$.jGrowl('{$mybb->user['username']} tienes {$mybb->user['unreadAlerts']} nueva alerta', { position: 'bottom-left', header: 'Alerta', life: 5000});
}
else if ({$mybb->user['unreadAlerts']} > 1) {
$.jGrowl('{$mybb->user['username']} tienes {$mybb->user['unreadAlerts']} nuevas alertas', { position: 'bottom-left', header: 'Mis alertas', life: 5000});
}
}
});
</script>Con esto ya tendremos las alertas modificadas con la forma en plural y singula dando el nombre de usuario tal y como aquí lo tenemos, si deseas agregar mas cosas de jquery puedes hacerlo debajo del jGrowl y antes del cierre de las condicionales if para ambos casos y puedes agregar uno extra en si las alertas son menores a 1 que tenga una hoja de estilo, esto ya lo he probado y funciona perfecto, agregando por ejemplo estilizaciones o textos o lo que sea necesario, saludos...
Para editar el jgrowl edita el archivo del adjunto, si no deseas tenerlo asi puedes agregarlo como en el primer manual de AJAX todo, lo único que cambia es que NO debes editar el archivo del plugin MyAlerts y el código de jQuery que va en tu headerinclude.
A los que no les funcione es porque deben actualizar a MyAlerts 1.05 ya hice pruebas y es verdad, sin embargo con las versiones 1.04 funciona este archivo que dejo abajo.
jgrowl.css (Tamaño: 4.83 KB / Descargas: 1) - 21 June 2014, 21:07
Se reemplaza por la hoja de estilo del jGrowl en jscripts, y quizá no sólo en este sno en muchos otros casos ya les debe funcionar ya que es problema de reconocimiento de la hoja de estilo, pero ya está probado ahora mismo y funciona perfecto con MyAlerts 1.04 incluso he colocado mas cambios y todo funciona bien con las variables agregadas.
Previa:
NOTA: Por mera curiosidad he entrado desde Chrome en otra cuenta y no salen las alertas.
Ahora estoy revisando y parece ser que en Chrome no aparece porque no carga bien el plugin de jQuery ya que el código si está, sin embargo no se mira porque no carga bien los datos del Growl, vaya cosa, voy a mirar que puede estar sucediendo
.Finalmente vaciando la cache ya funciona, algo extraño, si estaban los letreros funcionando pero no cogía el estilo he vuelto a cargar el css y con eso ahora ya funciona bien igual en todos los navegadores, menos mal ya me había quedado flipando, recomiendo ver más Growls ya que hay infinidad de ellos y estilizaciones, la verdad es que esta librería es la más vieja o distinta ya hay muchísimas con mas efectos de varias formas se pueden crear inclusive noticias y cosas que vayan creandose, sin embargo lo mejor es consumir la menor cantidad de recursos
.Bueno si funciona cualquier cosa no duden en comentarla vale, estamos en contacto
.
Última modificación: 21 June 2014, 21:08 por Whiteneo.
