Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

renatoraioz

Alterar fonte do texto com javascript

Por , em Javascript

Recommended Posts

renatoraioz    0

renatoraioz
Postado

Ola pessoal,

Tenho um javascript para alterar o tamanho das fontes do site.... esta funcionando muito bem... ele tem duas funções para gravar um cookie para que, quando a pagina seja recarregada, o tamanho da fonte definido anteriormente fique ativo.... ou seja, se vc coloca fonte grande, e da um refresh ou clica em outra pagina, segue a fonte grande...

Porem, esta parte não funciona... tentei algumas coisas, pesquisei bastante, mas não encontro uma maneira de fazer o site recarregar com a fonte escolhida....

Eis todo o codigo, funcionando a alteração de tamanho da fonte:

<!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"> 
var tam = 15; 
function mudaFonte(tipo,elemento)
    { 
    if (tipo=="mais") 
        { 
        if(tam<24) tam+=1; 
        createCookie("fonte",tam,365); 
        } 
    else 
        { 
        if(tam>10) tam-=1; 
        createCookie("fonte",tam,365); 
        } 
    document.getElementById("txt_home").style.fontSize = tam+"px"; 
    } 
function createCookie(name,value,days) 
    { 
    if (days) 
        { 
        var date = new Date(); 
        date.setTime(date.getTime()+(days*24*60*60*1000)); 
        var expires = "; expires="+date.toGMTString(); 
        } 
    else
        {
        var expires = ""; 
        }

    document.cookie = name+"="+value+expires+"; path=/"; 
    }
 
function readCookie(name) 
    { 
    var nameEQ = name + "="; 
    var ca = document.cookie.split(";"); 
    for(var i=0;i < ca.length;i++) 
        { 
        var c = ca[i]; 
        while (c.charAt(0)==" ") c = c.substring(1,c.length); 
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); 
        } 
    return null; 
    } 

window.onload = function()
    {
    readCookie("fonte");
    }
</script>

</head>

<body>

<a href="javascript:void(0);" Onclick="mudaFonte('mais'); return false">mais</a> | 
<a href="javascript:void(0);" Onclick="mudaFonte('menos'); return false">menos</a> 

<div id="txt_home">TESTE</div>

</body>
</html>

Esta parte do codigo eu inseri para tentar carregaro cookie com a fonte previamente selecionada:

 

window.onload = function()
{
readCookie("fonte");
}

 

Tentei colocar também no onload da body, mas não carrega o cookie, ou carrega, mas não funciona....

 

Alguém poderia me ajudar? Não entendo quase nada de javascript ==/

 

Obrigado!!

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

renatoraioz    0

renatoraioz
Postado

consegui.... um camarada me ajudou a recuperar e aplicar o valor do cookie, assim:

 

window.onload = function(){
if(readCookie("fonte") != ''){
document.getElementById("txt_home").style.fontSize = readCookie("fonte")+"px";
}
}

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito