Pessoal, qual seria a melhor maneira de checar se um usuário tem novas MP's via Javascript? (Ou jQuery)
2 participantes
Checar se há novas MPs
waghcwb- Desenvolvedores
- Time Online : 441d 9h 2m 53s
Mensagens : 719
Data de inscrição : 15/07/2013
Localização : Curitiba
- Mensagem nº1
Checar se há novas MPs
IsmaelS.- Membro
- Time Online : 56d 18h 55m 47s
Mensagens : 70
Data de inscrição : 22/02/2014
- Mensagem nº2
Re: Checar se há novas MPs
Olá,
Eu uso um com código de .jS e .CSS apesar de ser conhecido mas tem um aspecto bom veja o efeito:
O que seria interessante era criar um código e dizer quantas mensagens novas tinha como nessa print diz que tem "1" e se tive-se mais mensagens poderia dizer quantas tinham penso que seria um efeito engraçado.
Eu uso um com código de .jS e .CSS apesar de ser conhecido mas tem um aspecto bom veja o efeito:
O que seria interessante era criar um código e dizer quantas mensagens novas tinha como nessa print diz que tem "1" e se tive-se mais mensagens poderia dizer quantas tinham penso que seria um efeito engraçado.
waghcwb- Desenvolvedores
- Time Online : 441d 9h 2m 53s
Mensagens : 719
Data de inscrição : 15/07/2013
Localização : Curitiba
- Mensagem nº3
Re: Checar se há novas MPs
Sim, mas que código é este?Queria um que fizesse essa checagem (não para esse efeito ai), mas pelo visto vai funcionar aqui, pode envia-lo?
IsmaelS.- Membro
- Time Online : 56d 18h 55m 47s
Mensagens : 70
Data de inscrição : 22/02/2014
- Mensagem nº4
Re: Checar se há novas MPs
Olá,
Claro sem problema aqui tem:
.jS
.CSS
Claro sem problema aqui tem:
.jS
- Código:
$(function(e) {
var mp = document.getElementById('i_icon_mini_new_message');if(!mp) return;
var mps = $(mp).attr("alt").match(/[0-9]+/);
$('li a[href^="/privmsg"]').attr('data-counter', ''+mps+'');
});
.CSS
- Código:
[data-counter]:after, .hasNotifications {
background-color: #CF2020;
background-image: -webkit-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -moz-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -o-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -ms-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: linear-gradient(#FF6969 0%, #ff0000 100%);
content: attr(data-counter);
position: absolute;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
border-radius:2px;
background-clip: padding-box;
font:bold 10px "Helvetica Neue", sans-serif;
color: white;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0,0,0,.6);
padding: 5px;
margin-top: -3px;
vertical-align: top;
height: 6px;
line-height: 6px;
}
waghcwb- Desenvolvedores
- Time Online : 441d 9h 2m 53s
Mensagens : 719
Data de inscrição : 15/07/2013
Localização : Curitiba
- Mensagem nº5
Re: Checar se há novas MPs
Obrigado amigo, vou fazer os testes depois!!
|
|