Mensagem na home com cookies
3 participantes
Página 1 de 1
Mensagem na home com cookies
Olá amigos, gostaria de saber se teria como eu fazer o seguinte.
Existe um código em JQuery que quando você acessa o fórum, aparece uma mensagem no canto da tela, e tem o botão de fechar essa mensagem e tal. Queria saber se tem como fazer o mesmo sistema, tipo quando o usuário entrar no fórum aparecer essa mensagem flutuante para ele e então se ele clicar para ler o tópico ou seja la para onde é que ele foi redirecionado, a mensagem não abra novamente, fique gravado nos cookies que ele clicou e leu entendem?
Agradeço a atenção desde já!
Existe um código em JQuery que quando você acessa o fórum, aparece uma mensagem no canto da tela, e tem o botão de fechar essa mensagem e tal. Queria saber se tem como fazer o mesmo sistema, tipo quando o usuário entrar no fórum aparecer essa mensagem flutuante para ele e então se ele clicar para ler o tópico ou seja la para onde é que ele foi redirecionado, a mensagem não abra novamente, fique gravado nos cookies que ele clicou e leu entendem?
Agradeço a atenção desde já!
Re: Mensagem na home com cookies
Cookies são coisas do passado, não muito distante, agora temos localstorage e sessionstorage, local fica armazenado até que seja feita uma limpeza geral no cache do navegador, já o session os dados ficam armazenados até que feche a aba ou o navegador!
Js
Js
Re: Mensagem na home com cookies
E você sabe como eu faria o que eu quero usando isso?
Obrigado pela atenção
Obrigado pela atenção
Re: Mensagem na home com cookies
Eu poderia te entregar um código pronto, mas nossa meta aqui é de ensinar!
Vou te dar um esboço pra você estudar e raciocinar como aplicar onde deseja:
Uma vez que tenha fechado a janela, só irá voltar a aparecer se o membro limpar todo o cache do navegador!!!
Existe uma forma que fica permanente e funcional mesmo que o membro use outro computador, exemplo:
JS
Vou te dar um esboço pra você estudar e raciocinar como aplicar onde deseja:
- Código:
//Primeiro verifica se já foi clicado em fechar a janela:
var USERNAME = sessionStorage.getItem("{USERNAME}"); // Pesquisa no storage...
// Se ainda não foi clicado...
if (USERNAME == null) {
// Mostre a janela que deseja
// Ao clicar no icone de fechar ou algo do tipo, será salvo localmente com:
localStorage.setItem("{USERNAME}", '1');
}
Uma vez que tenha fechado a janela, só irá voltar a aparecer se o membro limpar todo o cache do navegador!!!
Existe uma forma que fica permanente e funcional mesmo que o membro use outro computador, exemplo:
- Código:
$.post("/ajax_profile.forum?jsoncallback=?", {
id: fieldID,
user: USER_ID,
active: "1",
content: '[["' + profile_field_ID + '", "1"]]',
tid: TID
}, function (data) {
/*console.log("OK: ajax_profile, userID = " + USER_ID);*/
}, "json").fail(function () {
/*console.log("error: ajax_profile, userID = " + USER_ID);*/
});
JS
Re: Mensagem na home com cookies
Então é só isso? Você não tem nenhuma dúvida em relação ao que passei?Wagner' escreveu:Obrigado pela atenção! Até mais ^^
Sinta-se à vontade em postar o que desejar, como eu já afirmei acima, estamos aqui para lhe ensinar e isso inclui até fazer um código do zero juntamente com você!
JS
Re: Mensagem na home com cookies
Este é o problema, eu não tenho um conhecimento avançado neste tipo de código. Entendo o básico sim, porém quando fui ver aqui nos meus documentos, eu havia perdido meu código para mostrar essa mensagem, então eu preciso refaze-lo para poder editar xDJScript escreveu:Então é só isso? Você não tem nenhuma dúvida em relação ao que passei?Wagner' escreveu:Obrigado pela atenção! Até mais ^^
Sinta-se à vontade em postar o que desejar, como eu já afirmei acima, estamos aqui para lhe ensinar e isso inclui até fazer um código do zero juntamente com você!
JS
E eu não curto muito incomodar as pessoas né, por isso que eu falei que ja estava de bom tamanho você disponibilizar o código acima. Eu fico feliz em saber que pode me ajudar. Vou tentar fazer o código denovo e tentar implementar neste que você me disponibilizou...
Novamente, obrigado pela atenção!
Re: Mensagem na home com cookies
Definitivamente nem você nem ninguém incomoda aqui, eu só esperava mais de sua parte.... Podemos criar o código juntos amigo, mesmo que você não saiba de absolutamente nada, por isso eu estou aqui pra lhe ensinar e lhe encorajar a criar os códigos, pois receber um prontinho e sem explicações alguma, não irá lhe fazer entender nada.
O que você quer se assemelha à seguinte janela:
Onde o código usado é:
JS
O que você quer se assemelha à seguinte janela:
Onde o código usado é:
- Código:
<a id="return_to_ipbfs" href="http://www.ipbforumskins.com/premade_ipb3.php"><strong>This is a demo board</strong>
This is not an active community, and should only be used for testing purposes.
To purchase this skin or receive support, please click this box.</a>
JS
Re: Mensagem na home com cookies
Com o pouco que sei fiz isso...
- HTML
Agora falta tentar adaptar com seu código ><
- HTML
- Código:
<div id="mensagem">
<b>Título da Mensagem</b>
<ul>
<li><a href="#">Tópico de teste 1</a></li>
<li><a href="#">Tópico de teste 2</a></li>
<li><a href="#">Tópico de teste 3</a></li>
</ul>
</div>
- Código:
#mensagem{
width:400px;
color:#fbfbfb!important;
border-radius: 4px;
position: absolute;
bottom: 5px;
right: 5px;
padding:10px;
font: 10px Trebuchet,sans-serif;
display: block;
background: rgba(39, 39, 39, 0.8) url('http://i.imgur.com/cyoQqn0.png') repeat-y;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
text-decoration: none;
text-transform: uppercase;
box-shadow: rgb(109, 109, 109) 0 0 2px inset;
transition:.4s;
}
#mensagem:hover{
background: rgba(39, 39, 39, 1);
cursor:pointer;
}
#mensagem a{
color:#fbfbfb!important;
text-decoration: none;
text-shadow:#666 0 1px 0;
}
#mensagem a:hover{
color:#d00000!important;
transition:.6s;
text-shadow:#d00000 0 1px 0;
}
#mensagem ul{
list-style:none;
}
- Código:
$(document).ready(function(){
$("#mensagem").click(function(){
$("#mensagem").hide();
});
});
Agora falta tentar adaptar com seu código ><
Re: Mensagem na home com cookies
Olha ai que legal: Um código bem projetado!
Agora falta você nos informar em qual momento a GUI não irá mais aparecer para o membro, pois vi que nela tem 3 links...
Desapareceria quando clicar em qualquer um dos links?
JS
Agora falta você nos informar em qual momento a GUI não irá mais aparecer para o membro, pois vi que nela tem 3 links...
Desapareceria quando clicar em qualquer um dos links?
JS
Re: Mensagem na home com cookies
Bom, não sei se é possível mas pensei em algo mais ou menos assim:
Digamos que eu queira que o usuário visualize este 3 tópicos, ao clicar em um link ele é redirecionado para a página e a DIV some. E só volta a aparecer quando ele voltar ao Index, agora com 2 links (os que ele não visualizou ainda). E se for possível, gostaria de saber se, se eu atualizar a lista de links, a DIV vai continuar oculta para ele, ou ela volta a aparecer?
Ou então pensei numa opção melhor, poderia tentar algo tipo assim:
O usuário acessa o index do fórum, ai aparece uma mensagem para ele com determinado link. Caso ele clique, ele é redirecionado a página determinada e esse link não aparece mais para ele, mas na próxima vez que ele acessar o index, outro link apareceria para ele, os links poderiam vir de uma lista ou algo assim.
Acho que é possível criar um código em JQuery onde os links sejam aleatórios, porém eu não sei como faria xD
Se me expressei mal por favor, informe ><
Códigos
Digamos que eu queira que o usuário visualize este 3 tópicos, ao clicar em um link ele é redirecionado para a página e a DIV some. E só volta a aparecer quando ele voltar ao Index, agora com 2 links (os que ele não visualizou ainda). E se for possível, gostaria de saber se, se eu atualizar a lista de links, a DIV vai continuar oculta para ele, ou ela volta a aparecer?
Ou então pensei numa opção melhor, poderia tentar algo tipo assim:
O usuário acessa o index do fórum, ai aparece uma mensagem para ele com determinado link. Caso ele clique, ele é redirecionado a página determinada e esse link não aparece mais para ele, mas na próxima vez que ele acessar o index, outro link apareceria para ele, os links poderiam vir de uma lista ou algo assim.
Acho que é possível criar um código em JQuery onde os links sejam aleatórios, porém eu não sei como faria xD
Se me expressei mal por favor, informe ><
Novamente obrigado pela atenção.
Códigos
- Código:
<div class="mensagem">
<a href="#">Minha mensagem de teste</a>
</div>
- Código:
.mensagem{
color:#fbfbfb!important;
border-radius: 4px;
position: absolute;
bottom: 5px;
left: 5px;
padding: 4px 30px;
font: 9px Trebuchet,sans-serif;
display: block;
background: rgba(39, 39, 39, 0.8) url('http://i.imgur.com/cyoQqn0.png') repeat-y;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
text-transform: uppercase;
box-shadow: rgb(109, 109, 109) 0 0 2px inset;
transition:.4s;
}
.mensagem:hover{
background: rgba(39, 39, 39, 1);
cursor:pointer;
}
.mensagem a{
color:#fbfbfb!important;
text-decoration: none;
text-shadow:#666 0 1px 0;
}
.mensagem a:hover{
color:#d00000!important;
transition:.6s;
text-shadow:#d00000 0 1px 0;
}
- Código:
$(document).ready(function(){
$(".mensagem").click(function(){
$(".mensagem").hide();
});
});
Re: Mensagem na home com cookies
Olá!
Tudo o que você deseja é possível sim, com certeza! Assim que eu tiver um tempo livre eu farei um código padrão pra você estudar e modificar da forma que achar melhor ok?
JS
Tudo o que você deseja é possível sim, com certeza! Assim que eu tiver um tempo livre eu farei um código padrão pra você estudar e modificar da forma que achar melhor ok?
JS
Re: Mensagem na home com cookies
Se for mensagem estilo popup, não se esqueça de configurar o z-index no css,
no CSS eu nunca uso 0px, sempre 0 mas fica a seu critério
até mais.
no CSS eu nunca uso 0px, sempre 0 mas fica a seu critério
até mais.
joelson0007- Moderadores
- Time Online : 28d 21h 58m 5s
Mensagens : 373
Data de inscrição : 15/06/2013
Localização : Guarapuava-PR
Re: Mensagem na home com cookies
Não costumo usar, foi um equivoco xD
Pode notar, apenas uma das propriedades tem :S
Pode notar, apenas uma das propriedades tem :S
Re: Mensagem na home com cookies
Olá amigo, eu não costumo apressar ninguém e tal.. Mas estou passando aqui para perguntar, você teve algum progresso com o projeto?
Re: Mensagem na home com cookies
Foi bom você ter dado esse up meu amigo, confesso que não lembrava desse tópico...
Vou postar o tutorial do widget dos [tópicos sendo vistos agora] e verás o mesmo mecanismo que servirá para esse tópico!
JS
Vou postar o tutorial do widget dos [tópicos sendo vistos agora] e verás o mesmo mecanismo que servirá para esse tópico!
JS
Re: Mensagem na home com cookies
Olá, depois de estudar um pouco eu peguei uma pequena noção de storage, porém ainda não sei fazer o efeito. Você teria como me explicar a lógica para que eu tente fazer algo?
Digamos eu tenho meu código aqui (de teste)
http://jsfiddle.net/Wagner/gEnsN/embedded/result/
Ao clicar no botão eu adiciono o attr style com display none. Agora algo que não entra na minha cabeça é, como eu faço para que esse dado seja salvo? Tipo dizer para o navegador olha esse elemento tem o display none ou até mesmo qualquer outro atributo..
E caso eu adicione esse atributo nele (display none), como eu faria se eu quisesse postar outra noticia usando o mesmo ID?
Digamos eu tenho meu código aqui (de teste)
http://jsfiddle.net/Wagner/gEnsN/embedded/result/
Ao clicar no botão eu adiciono o attr style com display none. Agora algo que não entra na minha cabeça é, como eu faço para que esse dado seja salvo? Tipo dizer para o navegador olha esse elemento tem o display none ou até mesmo qualquer outro atributo..
E caso eu adicione esse atributo nele (display none), como eu faria se eu quisesse postar outra noticia usando o mesmo ID?
Re: Mensagem na home com cookies
Bom, partindo do princípio de que só pode existir um único ID por página, logo haverá problemas se você utilizar o mesmo ID em outro elemento!
Seguindo aquele exemplo que lhe passei em outro tópico, é daquela forma que irá salvar, bastando pra isso pegar o objeto ID e salvar com um nome de chave de índice como hide01 por exemplo...
JS
Seguindo aquele exemplo que lhe passei em outro tópico, é daquela forma que irá salvar, bastando pra isso pegar o objeto ID e salvar com um nome de chave de índice como hide01 por exemplo...
JS
Última edição por JScript em Sáb 01 Fev 2014, 7:08 pm, editado 1 vez(es) (Motivo da edição : Atualizações.)
Re: Mensagem na home com cookies
fiz um protótipo veja se ajuda em algo!
Demo -> http://jsfiddle.net/joelson0007/P7K4E/embedded/result/
- Código:
localStorage.sMsg = 'mensagem para substituir';
$(document).ready(function () {
$("#msgHolder").html(localStorage.sMsg || 'sem mensagens');
var el = $('.panel');
switch (Number(localStorage.showMsg || 1)) {
case 1:
el.attr('style', 'display:block');
break;
default:
el.attr('style', 'display:none');
}
$("#hide").click(function () {
$('.panel').attr('style', 'display:none');
localStorage.showMsg = 0;
});
});
Demo -> http://jsfiddle.net/joelson0007/P7K4E/embedded/result/
joelson0007- Moderadores
- Time Online : 28d 21h 58m 5s
Mensagens : 373
Data de inscrição : 15/06/2013
Localização : Guarapuava-PR
Re: Mensagem na home com cookies
Excelente exemplo @jeolson0007, mas um simples if no lugar do switch também funcionaria? É que andei lendo por ai que o switch é sensivelmente mais lento do que o if...
JS
JS
Re: Mensagem na home com cookies
@JScript funciona sim, agora quanto if ao ser mais rápido que swicth eu não sei amigo
Mas fique a vontade para aprimorar e arrumar os bugs do código
Mas fique a vontade para aprimorar e arrumar os bugs do código
joelson0007- Moderadores
- Time Online : 28d 21h 58m 5s
Mensagens : 373
Data de inscrição : 15/06/2013
Localização : Guarapuava-PR
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|