11107 Suscriptores al Feed del Blog
87 Suscriptores al Feed de Anotaciones Breves
74 usuarios online
Mauricio Campos en 50 preguntas y respuestas de entrevistas de trabajo
Aumentar el tamaño de un texto con Javascript
1 COMENTARIO - Publicado hace 39 meses - Clasificado en: JAVASCRIPT, TIPS, SNIPPETSUna 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:
- FAQ: Abrir una ventana emergente o popup con un tamaño determinado
- FAQ: Abrir una ventana a pantalla completa o fullscreen
- Operaciones en campos de formulario
- Javascript: typeof
- El objeto history
- Contar caracteres introducidos en un elemento de formulario
- Tooltip con Javascript y CSS
También te puede interesar:
Bienvenido a Intenta. Has venido desde ; si andabas buscando algo espero que este post satisfaga tus expectativas.
|
|
|
|
|
COMENTARIOS
 |
Publicado hace 5 meses 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. |
