Aumentar y disminuir texto

Artdeco · #1 (**permalink**) 15/07/2005, 15:40

Hola, estaba buceando hace rato por aquí buscando un sistema para que los usuarios de una página puedan aumentar o disminuir el tamaño del texto y he encontrado esto:

Cita:

Iniciado por Elig

Vamos a ver. Esto es la solución. Funciona para Exploror y Netscape... y no se me ocurre nada más que ponerte también un enlace para ver el resultado, y si tenemos suerte coincide con lo que quieras. Puedes poner en tablas y dimensionar el tamaño de cada celda. De esta manera nno hay movimentos en la pantalla de otras partes nada más que el cambio del tamaño de la fuente.

POR FAVOR PULSE AQUÍ: prueba_cambio_fuente

<HTML>
<HEAD>

<TITLE></TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language="javascript1.2">

var fuente =12

function aumentar(){
fuente = fuente + 1
if (fuente > 20)
{
fuente=20
}
aumento_fuente = fuente+"px"
document.getElementById("Tu_id").style.fontSize=au mento_fuente;

}

function disminuir(){
fuente = fuente - 1
if (fuente < 8)
{
fuente=8
}
disminuir_fuente = fuente+"px"
document.getElementById("Tu_id").style.fontSize=di sminuir_fuente;

}

</script>
</HEAD>
<body>
<center>

<p id="Tu_id" style="font-size:12px;">A ver si es esto lo que quieres. Pulsa aumentar o disminuir y funcionará.</p>
<br>
<img src="lupa_mas.jpg" onclick="aumentar();">

<img src="lupa_menos.jpg" onclick="disminuir();">
</center>

</BODY>
</HTML>

Mira a ver si esto te sirve. Avisame para quitarlo del servidor.

Me ha funcionado estupendamente (no tengo Safari, pero en Explorer y Firefox funciona). Pero tengo una duda: ¿se puede añadir un botón que, al pulsarlo, devuelva el texto al tamaño original?

Gracias de antemano!

the_nosferatu · #2 (**permalink**) 15/07/2005, 23:13

no se me ocurre otra forma de obtener el tamaño original despues de que alla sido modificado el tamaño, pero bueno, solo tienes que añadir este pequeño codigo al script.

function original(){
var tamano_original=10 //aqui tienes q definir el tamaño original.
document.getElementById("Tu_id").style.fontSize = tamano_original}

y la imagen <img src="no_se.jpg" onclick="original()">

saludos y ojala t sirva