Aumentar, Disminuir texto

malder · #1 (**permalink**) 01/08/2003, 10:58

Hola.
Me gustaría que me dijéran cual es la manera o sea en codigo para que mediante un vinculo de pueda aumentar o disminuir el tamaño del texo.
Para los que no me entiendan lo pueden ver en esta web al final y al principio de los parrafos:

aqui

He probado con:
<a href="javascript:aumentar();">Aumentar</a>

pero no me funciona

saludos

Elig · #2 (**permalink**) 01/08/2003, 12:28

function tu_funcion(){
document.getElementById("Tu_id").style.fontSize="x xpx";
}

<p id="Tu_id" style="font-size:15px;" onclick="tu_funcion();">pulsar para probar</p>

.. y ya ta!!

Saludos

malder · #3 (**permalink**) 01/08/2003, 12:40

Bueno no se como pero no me funciona lo que pusiste

Puedes derirme como y donde lo pongo exastamente?

mifune · #4 (**permalink**) 01/08/2003, 13:32

Hola malder.

Si te bajas la página a tu disco duro verás que hay un archivo llamado fuente.js que es el que contiene el script. De todos modos si quieres usarlo yo te recomendaría que te pusieras en contacto con su autor o con el autor de la página, sino va a quedar un poco feo.

Saludos.

malder · #5 (**permalink**) 01/08/2003, 14:26

Por eso les pido a ustedes haber si pueden decirme como hacerlo.
De todas maneras he probado a bajarme el archivo /fuente.js
y no se por que pero no me deja.

Pueden decirme q codigo pongo para aumentar o disminuir el texto igual que en el link que os puse en mi primer mensaje??

gracias

Elig · #6 (**permalink**) 02/08/2003, 04:07

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
}

<p id="Tu_id" style="font-size:12px;" >aquí viene la parrafada...kdfaasdfjasjkfhkashfjkaf</p>

<img src="lupa_mas.gif" onclick="aumentar()">

<img src="lupa_menos.gif" onclick="disminuir()">

No lo he probado, pero salvo error u omisión esto funcina.

Pruebalo y me dices

malder · #7 (**permalink**) 04/08/2003, 01:47

Puede explicarme donde tengo que poner cada cosa?
Por favor

Cain · #8 (**permalink**) 04/08/2003, 02:02

Dime raro, pero ¿no sería mejor poner el texto en un tamaño relativo (en puntos, por ejemplo) y que el usuario usara su navegador para aumentar o disminuir el tamaño?

malder · #9 (**permalink**) 04/08/2003, 04:40

Pero hay usuarios que no saben hacerlo.
Solo pido el mismo efecto que esa web puede aluien decirme como lo hago?

Elig · #10 (**permalink**) 04/08/2003, 10:01

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.

KarlanKas · #11 (**permalink**) 04/08/2003, 10:34

Y entonces todos decidieron abandonar las tierras del HTML y aenturarse en las de Javascript donde, según el oráculo, sus dodas serían resueltas...

marcelo_MPN · #12 (**permalink**) 04/08/2003, 14:50

jua! ese codigo de cambios es practicamente el mismo que hay en Clarin.com y en tantos otros sitios.... esta es acaso la UNICA manera de conseguir el efecto?

de cualquier forma es codigo abierto.... de cualquier forma conservá los creditos originales.... !!! :P