Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17659
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Escolher e manter a cor de fundo com cookie e jQuery

22-04-2015 15:27

Nesse post vou disponibilizar um script onde os visitantes do site poderão escolher uma cor na tabela de cores, e usar a cor escolhida como cor de fundo para uma div por exemplo.

Você precisará do plugin jQuery e desse plugin abaixo
https://github.com/carhartl/jquery-cookie

Com o plugin jQuery e o plugin cookie já na pasta onde o script vai rodar você pode usar esse exemplo.

<script src="jquery.js"></script> <script src="cookie.js"></script> <script> $(document).ready(function() { $('.color').change(function() { $.cookie("background", $(this).val(), { expires: 365 }); // TEMPO DE DURAÇÃO DO COOKIE EM DIAS $('.alvo').css({'background-color':$(this).val()}); }); $('.alvo').css({'background-color':$.cookie("background")}); $('.color').val($.cookie("background")); }); </script> <form> Estilo<input type="color" class="color" value="" title="Escolha uma cor base para o fórum" /> </form> <div class="alvo">texto</div>

Personalize o código como precisar.
4
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: web