Script: Aumento do Tamanho da Fonte com Javascript | André Buzzo
contato@andrebuzzo.com.br | (11) 9-8551-3500 | facebook | skype:andrebuzzowebdesign

Script: Aumento do Tamanho da Fonte com Javascript

Publicado na categoria Banco de Scripts com 6.202 visualizações e 8 comentários

Banco de Scripts - Aumento do Tamanho da Fonte com Javascript - André Buzzo Webdesign

index.php


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="js/textsizer.js">

/***********************************************
* Document Text Sizer- Copyright 2003 - Taewook Kang.  All rights reserved.
* Coded by: Taewook Kang (http://www.txkang.com)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>
</head>

<body>
<a href="javascript:ts('conteudo',1)">+ Aumentar fonte</a> | <a
href="javascript:ts('conteudo',-1)">+ Diminuir fonte</a>

<div id="conteudo">

<p>Nullam rutrum dictum odio, sit amet elementum lorem aliquam hendrerit. Vestibulum eu libero eget felis rhoncus rutrum ut molestie eros. Nam lobortis imperdiet arcu, sed mollis neque viverra id. Curabitur sed dignissim eros. Nulla tincidunt auctor rhoncus. Suspendisse a augue quam, vitae sodales dui. Nulla in enim nec enim cursus aliquet vitae et ante? Sed vitae elit in nisl sodales placerat ac ut nulla? Etiam condimentum tristique suscipit. Ut pulvinar sodales justo, sed posuere orci volutpat id? Vivamus et ligula mauris. In ornare pellentesque nunc ac viverra. Suspendisse eget erat et arcu faucibus accumsan.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sagittis sollicitudin elit, eget varius arcu dignissim nec. Praesent ante lorem, facilisis eget elementum non, sagittis eget enim. Morbi placerat vehicula urna a adipiscing. Sed et congue mauris. Nullam diam odio, blandit non fringilla quis, ornare nec ante. Praesent facilisis euismod arcu sit amet ornare! Nulla bibendum lacinia placerat. Phasellus orci est, mattis non facilisis id, ornare vel magna. Vestibulum at mi nibh, in feugiat risus!</p>

<p>Suspendisse eu viverra est. Donec nec elit non neque venenatis accumsan! Suspendisse eu enim vitae mi scelerisque laoreet vehicula id enim. Praesent ac arcu volutpat sem sodales placerat. Aliquam faucibus enim eu felis consequat at suscipit neque volutpat. Nam orci odio, placerat ac ornare nec, pellentesque vitae nisl. Mauris ornare enim in odio congue tincidunt. Ut elementum quam non libero porta fringilla. Pellentesque lobortis augue non ligula consequat tempus fringilla dolor consectetur. Sed scelerisque convallis velit, sit amet imperdiet turpis feugiat sit amet. Nam sed augue in lectus ultrices tincidunt! Praesent pretium tempus egestas. Morbi fermentum mattis lectus, at mattis dolor lacinia eget. Aliquam placerat gravida mattis.</p>

</div>
</body>
</html>

textsizer.js


// JavaScript Document

/*------------------------------------------------------------
Document Text Sizer- Copyright 2003 - Taewook Kang.  All rights reserved.
Coded by: Taewook Kang (txkang.REMOVETHIS@hotmail.com)
Web Site: http://txkang.com
Script featured on Dynamic Drive (http://www.dynamicdrive.com)

Please retain this copyright notice in the script.
License is granted to user to reuse this code on
their own website if, and only if,
this entire copyright notice is included.
--------------------------------------------------------------*/

//Specify affected tags. Add or remove from list:
var tgs = new Array( 'div','td','tr','a','body');

//Specify spectrum of different font sizes:
var szs = new Array( '12px','14px','16px','18px','20px','22px','36px' );
var startSz = 2;

function ts( trgt,inc ) {
if (!document.getElementById) return
var d = document,cEl = null,sz = startSz,i,j,cTags;

sz += inc;
if ( sz < 0 ) sz = 0;
if ( sz > 6 ) sz = 6;
startSz = sz;

if ( !( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];

cEl.style.fontSize = szs[ sz ];

for ( i = 0 ; i < tgs.length ; i++ ) {
cTags = cEl.getElementsByTagName( tgs[ i ] );
for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
}
}

Voltar à página anterior!

  • Fabio Montarroios

    Muito bom André, cara, muito obrigado por compartilhar conosco! valeu, abs!!!

    • Não por isso Fabio!

      Obrigado pela visita e interesse meu velho!

      Abraços!

  • Daniel Cruz

    Cara, Muito obrigado! Funcionando perfeitamente! ;)

    • Fala Daniel!

      Fico feliz em saber que esse script ainda funciona … kkkkk

      Abraços meu velho!

  • Julio

    E se eu quiser colocar uma opção pra tamanho normal?

    • Fala Julio!

      Cara….eu preciso rever esse script para lhe informar certinho como fazê-lo. Existem hoje, scripts mais atualizados para que possa oferecer essa opção para seus usuários!

      Abraços!

  • Irmao, primeiramente parabéns pelo seu trabalho, que tenho certeza ajuda muita gente como eu que esta iniciando nesta area maravilhosa.

    Instalei este script em um site que uso para testes mas nao esta funcionando o aumento e diminuiçao do texto, no firefox mostra este erro ai:

    Erro: cEl is undefined
    Arquivo-fonte: http://carvalhoedangelo.com/js/textsizer.js
    Linha: 33

    como poderia arrumar isso???

    desde já agradeço pela atençao.

    • Fala Julio!

      Seguinte compadre..veja se a “div” que precisa aumentar o texto é a mesma setada no textsizer e nos botões que você coloca na página!!

      Abraços!