Ver Mensaje Individual
  #6 (permalink)  
Antiguo 11/08/2013, 05:29
Avatar de caricatos
caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 8 meses
Puntos: 1284
Respuesta: Botón para agrandar o achicar el tamaño del texto

Hola:

Cita:
Iniciado por lauser Ver Mensaje
,,,Lo primero será crear tres enlaces...
¿Porqué enlaces si la pregunta no es sobre enlaces?

Ese es un vicio antiguo para que el cursor sea la mano de los enlaces, y esa manos con estilos es: cursor:pointer...

... Y también porqué librerías si solo se quiere modificar un estilo, en concreto font-size (para javascript fontSize)...

Para empezar debería estar definido el estilo para el body... creo que preferentemente en puntos o pixeles... y si quisieras tener otros tamaños usar medidas proporcionales como "em".

Un codiguillo rapidillo:
Código:
<html>
<head>
<style type="text/css">
body	{
	background-color: white;
	font-size:12pt;
}

h1	{
	font-size: 2em;
}
</style>
<script type="text/javascript">
	var tam=12;
	function agrandar	{
		tam++;
		document.body.style.fontSize = tam+"pt";
	}

	function achicar	{
		tam--;
		document.body.style.fontSize = tam+"pt";
	}
</script>
</head>
<body>
<h1>
	Hola
</h1>
<p>
	Texto de prueba (como el Lorem Ipsum)...
</p>
<button type="button" onclick="agrandar()">A+</button>
<button type="button" onclick="achicar()">A-</button>
</body>
</html>
Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo

Última edición por caricatos; 11/08/2013 a las 05:30 Razón: ortografía