martes, 8 de junio de 2010

Modificar dimensiones de la página

Para aumentar TODAS las dimensiones de una pagina de todos debe estar en em nada en px, después debemos modificar mediante javascript el valor de la fuente del body, en resto de dimensiones heredaran de estan


<a href="#" class="aumFuente" title="Aumentar">+</a>


Creamos una funcion con jQuery que multiplique el valor por 1,1 hasta un máximo de 18


$(".aumFuente").click(function(){
var tamActual = $("body").css("font-size");
var tamActualNum = parseFloat(tamActual, 10);
//18 es el tamaño máximo
if (tamActualNum>18) nuevaFuente=tamActualNum;
else nuevaFuente = tamActualNum*1.1;

$("body").css("font-size", nuevaFuente);
//Se guarda en tamaño en un cookie
SetCookie ("letra", parseFloat(nuevaFuente))
return false;
});



Para mantener el valor para la próxima visita lo guardamos en una cookie

function SetCookie (name, value) {
// nmero de parmetros variable.
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
// asociacin de parmetros a los campos cookie.
var expires = (argc > 2) ? argv[2] : null
var path = (argc > 3) ? argv[3] : null
var domain = (argc > 4) ? argv[4] : null
var secure = (argc > 5) ? argv[5] : false
// asignacin de la propiedad tras la codificacin URL

document.cookie = name + "=" + escape(value)

}