Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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>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!!
Carregando comentários...