Como aumentar/diminuir texto em site tipo "a- A+"

[AspAL 0]

Já vi vários scripts que aumentam/diminuem o texto de uma determinada notícia... mas todos os que eu vi, qnd eu vou configurar, nunca o tamanho inicial da fonte fica o tamanho que eu quero (que posteriormente o usuário poderá aumentar ou diminuir).Alguém tem algum script desse que funcione legal, e que o tamanho inicial da fonte definido por nós fique realmente sendo este o tamanho inicial?Flw galera!!!

[Clayton Gandraº 0]

Bom velho, JavaScript né!!!

 

o Codigo não é meu, mas dá uma olhada se é isso q você quer!

 

if (document.getElementById(elem).style.fontSize == "") {

var tamFonte = tamInic;

}else{

var tamFonte = parseInt(document.getElementById(elem).style.fontSize);

}

switch (acao){

// Aumenta o tamanho, enquanto foi menor que 'tamMax'

case '+' _linenums:0'><script language="javascript">function sizeFont (elem, acao){ // tamanho inicial da fonte (em px) var tamInic = 16; // Tamanho mínimo da fonte (em px) var tamMin = 4; // Tamanho máximo da fonte (em px) var tamMax = 40; // Pega o tamanho da fonte. Se não foi setada ainda (primeira vez que a função é executada) terá como tamanho padrão 'tamInic'. if (document.getElementById(elem).style.fontSize == "") { var tamFonte = tamInic; }else{ var tamFonte = parseInt(document.getElementById(elem).style.fontSize); } switch (acao){ // Aumenta o tamanho, enquanto foi menor que 'tamMax' case '+': if (tamFonte < tamMax) document.getElementById(elem).style.fontSize = (tamFonte + 2) + "px"; break; // Diminui o tamanbo, enquanto for maior que 'tamMin' case '-': if (tamFonte > tamMin) document.getElementById(elem).style.fontSize = (tamFonte - 2) + "px"; break; }}</script>

<a href="#" onclick="sizeFont('conteudo','-');" title="Diminuir texto">a-</a>

 

<div id="conteudo">Teste Tamanho da fonte!</div> _linenums:0'><a href="#" onclick="sizeFont('conteudo','+');" title="Aumentar texto">A+</a><a href="#" onclick="sizeFont('conteudo','-');" title="Diminuir texto">a-</a><div id="conteudo">Teste Tamanho da fonte!</div>

[jrcardozo 4]

Movido ASP => JavaScript

[shumi 0]

Bom velho, JavaScript né!!!o Codigo não é meu, mas dá uma olhada se é isso q você quer!

Exato o código não é seu, porem, normas ABNT 2, mandam colocar a fonte, ok?Acredito que a fonte seja essa não?!Abraços e Obrigado! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[AspAL 0]

Bom velho, JavaScript né!!!

 

o Codigo não é meu, mas dá uma olhada se é isso q você quer!

 

if (document.getElementById(elem).style.fontSize == "") {

var tamFonte = tamInic;

}else{

var tamFonte = parseInt(document.getElementById(elem).style.fontSize);

}

switch (acao){

// Aumenta o tamanho, enquanto foi menor que 'tamMax'

case '+' linenums:0'><script language="javascript">function sizeFont (elem, acao){ // tamanho inicial da fonte (em px) var tamInic = 16; // Tamanho mínimo da fonte (em px) var tamMin = 4; // Tamanho máximo da fonte (em px) var tamMax = 40; // Pega o tamanho da fonte. Se não foi setada ainda (primeira vez que a função é executada) terá como tamanho padrão 'tamInic'. if (document.getElementById(elem).style.fontSize == "") { var tamFonte = tamInic; }else{ var tamFonte = parseInt(document.getElementById(elem).style.fontSize); } switch (acao){ // Aumenta o tamanho, enquanto foi menor que 'tamMax' case '+': if (tamFonte < tamMax) document.getElementById(elem).style.fontSize = (tamFonte + 2) + "px"; break; // Diminui o tamanbo, enquanto for maior que 'tamMin' case '-': if (tamFonte > tamMin) document.getElementById(elem).style.fontSize = (tamFonte - 2) + "px"; break; }}</script>

<a href="#" onclick="sizeFont('conteudo','-');" title="Diminuir texto">a-</a>

 

<div id="conteudo">Teste Tamanho da fonte!</div> linenums:0'><a href="#" onclick="sizeFont('conteudo','+');" title="Aumentar texto">A+</a><a href="#" onclick="sizeFont('conteudo','-');" title="Diminuir texto">a-</a><div id="conteudo">Teste Tamanho da fonte!</div>

funcionou beleza!!! mas para a fonte inicial ter o tamanho que a gente definiu, é necessário especificar o tamanho antes da div. exemplo:

 

<a href="#" onclick="sizeFont('conteudo','+');" title="Aumentar texto">A+</a>

<a href="#" onclick="sizeFont('conteudo','-');" title="Diminuir texto">a-</a>

<font style="font-size: 11px">

<div id="conteudo">Teste Tamanho da fonte!</div>

</font>

 

sacou? vlwww!!!!