Bueno soy mas que novato en esto de javascript y con un poco de ayuda me he creado un pequeño script con el que consigo aumentar y disminuir el tamaño de texto de la página. Mi problema llega cuando quiero dejar libre el <body> de estilos y es cuando falla. He estado mirando por este foro y he leido que solo puede recoger informacion si esta esta dentro de un style adjunto a su correspondiente elemento (ej: <body style="blablabla">). Mi pregunta es ¿Que tengo que modificar en el script para obtener la informacion de una hoja de estilos externa?
Aqui va el codigo:
Código:
<!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>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
html {
font-size: 1em;
}
</style>
<script type="text/javascript">
//< ![CDATA[
function bigger()
{
var HTMLo = document.body;
var size = parseFloat(HTMLo.style.fontSize.replace('em', ''));
HTMLo.style.fontSize = (size + 0.2) + 'em';
}
function smaller()
{
var HTMLo = document.body;
var size = parseFloat(HTMLo.style.fontSize.replace('em', ''));
HTMLo.style.fontSize = (size - 0.2) + 'em';
}
function normal()
{
document.body.style.fontSize = '1em';
}
//]]>
</script>
</head>
<body style="font-size: 1em">
<span onclick="bigger();">Más</span>
<span onclick="smaller();"><a href="#">Menos</a></span>
<span onclick="normal();"><a href="#">normal</a></span>
</body>
</html>
P.D: Perdonad si esta muy quemado este tema pero no he encontrado mucho y de lo que he encontrado, la mayor parte de las cosas no lo entiendo asi que tratarme como si fuese un tonto por favor jejeje. Tampoco quiero copiar y pegar porque me gusta entender los codigos de mis paginas enteros y de momento lo que tengo de este script lo entiendo mas o menos.
Gracias!