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); })(); ]]>

Plugin Jquery text resize

Manipulação e redimensionamento de texto


Project maintained by willmendesneto Hosted on GitHub Pages — Theme by mattgraham

Plugin Jquery Text Resize - Desenvolvido por:

@email : willmendesneto@gmail.com

Plugin Jquery Text Resize

O plugin jquery.text.resize.js é um plugin de fácil utilização e inicialização.

Instalaçã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

Como usar:


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:

Javascript

   <!--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> 

HTML

  <!-- 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

HTML

  <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>

Opções


As opções de configuração fornecidas pelo plugin são as seguintes:

Javascript

'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")

Licença Creative Commons
O trabalho Jquery Text Resize de Jquery Text Resize foi licenciado com uma Licença Creative Commons - Atribuição 3.0 Não Adaptada.
Com base no trabalho disponível em github.com.