cambiar tamaño de texto desde icono de la web

keither · #1 (**permalink**) 10/11/2005, 11:37

Hola a todos,

Estoy desarrollando una web con css. Los tamaños de fuente les especifico con em para que se puedan cambiar si el usuario quiere. El caso es que me interesa poder hacer lo mismo que se hace desde el menu 'ver/tamaño de texto' o con el firefox ctrl + o ctrl - pero haciendo clic en un icono que haya en la web.
Sabeis de algun código javascript que haga la misma funcion sin utilizar otras hojas de estilo?
Yo en mi css tengo esto:

Código:

body{
    font-size:0.7em;
}

y desde las paginas lo vinculo.
Espero haberme explicado bien, resumiendo es saber si con javascript, usando los objetos del navegador (firefox i explorer) se puede acceder a esa funcion del menu.

Gracias.

JavierB · #2 (**permalink**) 10/11/2005, 11:48

Hola keither

Prueba con esto:

Código PHP:

  <script type="text/javascript">
tam=0.7;
function cambiar() {
  maximo=2; //tamaño máximo del texto
  if(tam>=maximo) return;
  tam+=.1;
  document.body.style.fontSize=tam+'em';
}
</script>

Saludos,

keither · #3 (**permalink**) 11/11/2005, 04:11

Hola,
Gracias por responder. Lo he probado con explorer i firefox y no me ha funcionado.
He probado de hacer un alert del valor que se modifica en el script y me da vacío:

alert(document.body.style.fontSize);

Revisaré el modelo de objetos de los dos navegadores para saber como acceder a esa propiedad.
Postearé las novedades aqui.

Gracias.

keither · #4 (**permalink**) 11/11/2005, 05:37

Hola de nuevo,

Después de comprobar en la especificación del DOM que el acceso al fontSize eraq correcto he hecho alguna prueba mas.
Creo que no funciona porque el css prevalece sobre el valor del fontSize del body.
Es decir, como yo tengo un estilo llamado body:

Código:

body{
font-size:0.7em !important;
}

Pues bien, quitando esta definición y poniendo directamente en el body del html esto:

Código:

<body style="font-size:0.7em">

Si que funciona entonces.

¿Sabeis alguna manera de hacerlo sin tener que renunciar a utilizar el estilo body del css?

Gracias.