10109 Suscriptores al Feed del Blog
59 Suscriptores al Feed de Anotaciones Breves
38 usuarios online
Josep Viciana en Twotiny Icon Set
Aumentar el tamaño de un texto con Javascript
1 COMENTARIO
12/12/2006 -
JAVASCRIPT, TIPS, SNIPPETS
Una forma sencilla de permitir al usuario cambiar el tamaño de la fuente puede ser a travás de CSS y javascript. El ejemplo sería: CSS:
/* Fuente pequeña */
.nivel1 {font-size: 12px;}
/* Fuente normal */
.nivel2 {font-size: 16px;}
/* Fuente grande */
.nivel3 {font-size: 18px;}
Javascript:
<script language="javascript">
function tamFuente (nivel, elem) {
var elemento = document.getElementById(elem)
elemento.className = "nivel"+nivel;
}
</script>
HTML:
<ul>
<li class="nivel1">
<a href="javascript:tamFuente(1,'contenido');">a-</a>
</li>
<li class="nivel2">
<a href="javascript:tamFuente(2,'contenido');">a</a>
</li>
<li class="nivel3">
<a href="javascript:tamFuente(3,'contenido');">a+</a>
</li>
</ul>
</ul>
<div id="contenido" class="nivel1">
Esta es una frase de ejemplo.
</div>
Algunas entradas relacionadas:
- Cómo borrar una cookie con javascript
- Mostrar un enlace aleatorio con Javascript
- FAQ: Abrir una ventana desde un enlace de texto
- Evitar click derecho sobre imágenes
- Deshabilitar la selección de texto en la web
- Abrir una ventana con efecto de redimensionamiento
- Operaciones en campos de formulario
También te puede interesar:
Bienvenido a Intenta. Has venido desde ; si andabas buscando algo espero que este post satisfaga tus expectativas.
|
|
|
|
|
Comentarios
| 1 |
|
frank http://www.brillanweb.com ¿Como pudiera ser para aumentar el tamaño del la página completa como lo hace le firefox con “Control ++� pues este solo me sirve para aumentar un determinado texto. |
