var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-32818162-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); ]]>
Manipulação e redimensionamento de texto
Plugin Jquery Text Resize - Desenvolvido por:
@email : willmendesneto@gmail.com
O plugin jquery.text.resize.js é um plugin de fácil utilização e inicialização.
Sua implementação no documento é bastante simples. Basta baixar o arquivo jquery.text.resize.js e descompactar o arquivo em seu projeto na pasta de sua escolha e incluir o arquivo ao documento
Inserir o arquivo referente ao plugin jquery (testado com +jquery.1.6.2.js), o arquivo jquery.text.resize.js e caso haja a necessidade de persistência em COOKIE inserir o arquivo jquery.cookie.js.
Exemplo:
<!--jQuery-->
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<!--jQuery Text Resize-->
<script type="text/javascript" src="js/jquery.text.resize.js"></script>
<!--jQuery Cookie-->
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$.textResize('#content'
, {'variation': 2
, 'animation' : true
, 'containerInsert' : '.myContainer'
, 'reduceText' : 'Conteúdo reduzido'
, 'resetText' : 'Fonte Padrão'
, 'enlargeText' : 'Conteúdo aumentado'
, 'classReduce' : 'diminuir'
, 'classReset' : 'normal'
, 'classEnlarge' : 'aumentar'
, 'optionInterface' : 'button'
, 'clicks' : 5
, 'cookie' : 'tamanho'
} );
});
</script>
<!-- CONTAINER ONDE SERÃO INSERIDOS OS BOTOES -->
<div class="myContainer"></div>
<div id="content">
<p>Conteúdo a ser modificado pelo plugin.</p>
</div>
Este container vai ser reescrito pelo plugin com as informações passadas na inicialização
<div class="myContainer">
<input class="diminuir" type="button" value="Conteúdo reduzido">
<input class="normal" type="button" value="Fonte Padrão">
<input class="aumentar" type="button" value="Conteúdo aumentado">
</div>
As opções de configuração fornecidas pelo plugin são as seguintes:
'variation' : 2 // Valor da Variacao dos elementos
, 'animation' : false // Animacao da transicao do elemento ("true" or "false")
, 'delay' : 1000 // Temporizador da animacao ("DELAY"; Somente aceito no caso do valor da animacao ser "true")
, 'reduceText' : 'A-' // Texto padrao para o campo de reducao da fonte
, 'resetText' : 'A' // Texto padrao para o campo de tamanho padrao da fonte
, 'enlargeText' : 'A+' // Texto padrao para o campo de acrescimo de fonte
, 'classReduce' : 'reduceText' // Nome da classe de reducao da fonte
, 'classReset' : 'resetText' // Nome da classe de reducao da fonte
, 'classEnlarge' : 'enlargeText' // Nome da classe de reducao da fonte
, 'clicks' : false // Quantidade de clicks configurado ("false" ou inteiro referente a quantidade de clicks aceitos)
, 'containerInsert' : false // Container onde vao ser inseridos os elementos ("false" ou nome do elemento onde serao inseridos os elementos EX: "#container-test" ou ".container-test")
, 'optionInterface' : 'link' // Opcao de retorno de insercao dos elementos que trabalham com a fonte ("link" ou "button"; Aceitos somente se a opcao "containerInsert" for diferente de "false")
, 'cookie' : false // Verificacao para salvar fonte como COOKIE ("false" ou nome do elemento do array "COOKIE" configurado; Necessita do arquivo "jquery.cookie.js")