Skip to content

Instantly share code, notes, and snippets.

@valdiney
Last active December 15, 2015 07:59
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save valdiney/5227958 to your computer and use it in GitHub Desktop.
Save valdiney/5227958 to your computer and use it in GitHub Desktop.
Este algorítimo faz com que as fontes de uma área escolhida pelos utilizadores aumentem e diminuam gradativamente em um incremento de 1px á cada click nos seus botões controladores. Este tipo de algorítimo é sempre usado em detrimento de acessibilidade na web, faz com que pessoas assim como eu consigam ter a opção de aumentar o tamanho do conteú…
/*
-------------------------------
Nome: FontesizeYes...
Descrição: Código aumenta e diminui textos associados ao Script
Autor: Valdinei França
Email: Valdiney.2@hotmail.com
Site: valdiney.org
Data: 10/11/2012
-------------------------------
Documentação de funcionamento
-------------------------------
[A] Array guarda valores, inicia com o valor escolhido por "você".
Recomendo que utilize o mesmo tamanho que definido no "css"
-------------------------------------------------------
[B] Variável guarda o valor Maximo de px´s que irá aumentar
-------------------------------------------------------
[C] Variável guarda o valor mínimo de px´s, na verdade é o mesmo valor
inicial do array, faz com que a font volte ao mesmo valor que tinha.
-------------------------------------------------------
[D] e [E] Armazenam os seletores que quando clicados disparam as funções.
Recuperam via celetores simples, class, ou ID.
-------------------------------------------------------
[F] Armazenam os seletores onde os efeitos do script serão aplicados,
podendo agrupa-los de forma encadeada assim como no css
*/
$(document).ready(function(){
/*[A]*/ var aumentar =[20];
/*[B]*/ var maximo = 29;
/*[C]*/ var minimo = 20;
/*[D]*/ var button_aumentar = "#mais";
/*[E]*/ var button_diminui = "#menos";
/*[F]*/ var campos_ondeAplicarEfeitos = "#caixa_daspostagens p,.mysql_mostra";
var tamanho = aumentar[0]+"px";//Concatena array com "px". Crucial para o funcionamento do Script
$(button_aumentar).click(function(){
$(campos_ondeAplicarEfeitos).css("font-size",aumentar[0]+=1);
if(aumentar[0]==maximo){
$(campos_ondeAplicarEfeitos).css("font-size",aumentar[0]-=1);
}//fim if
});//fim aumentar
$(button_diminui).click(function(){
if(aumentar[0]==minimo){//Impede que a fonte seja aumentada 1px se o botão (menos) for clicado primeiro
$(campos_ondeAplicarEfeitos).css("font-size",aumentar[0]+=1);
}//fim primeiro if
$(campos_ondeAplicarEfeitos).css("font-size",aumentar[0]-=1);
if(aumentar[0]==maximo){
$(campos_ondeAplicarEfeitos).css("font-size",aumentar[0]+=1);
}//fim if
});//fim aumentar
});//fim script jquery
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment