Foros del Web » Programando para Internet » Javascript »

ejemplo de agrandar y achicar textos

Estas en el tema de ejemplo de agrandar y achicar textos en el foro de Javascript en Foros del Web. Que tal Hay por ahi un ejemplo de como agrandar y achicar textos en un sitio web con javascript Saludos...
  #1 (permalink)  
Antiguo 31/10/2007, 12:47
 
Fecha de Ingreso: noviembre-2005
Mensajes: 117
Antigüedad: 19 años
Puntos: 1
ejemplo de agrandar y achicar textos

Que tal

Hay por ahi un ejemplo de como agrandar y achicar textos en un sitio web con javascript


Saludos
  #2 (permalink)  
Antiguo 31/10/2007, 12:52
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 9 meses
Puntos: 772
Re: ejemplo de agrandar y achicar textos

Hola chaleko

En esta página hay un código que te puede servir:

http://www.telefonica.net/web2/blas-mar/leercss.html

Saludos,
  #3 (permalink)  
Antiguo 01/11/2007, 01:11
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 21 años, 2 meses
Puntos: 59
Re: ejemplo de agrandar y achicar textos

Cita:
<html>
<head>
<script type=text/javascript>
<!--
var newsfont = 16;
function changeFont(id) {

if (document.getElementById) {
document.getElementById(id).style.fontSize = newsfont+"px";
} else {
if (document.layers) {
document.layers[id].fontSize = newsfont+"px";
} else {
if (document.all) {
eval("document.all." + id + ".style.fontSize = \"" + newsfont + "px \"");
}
}
}

// esto arregla scroll al utilizar layers
// updateHeight();
setCookie();
}
// aqui se produce el error
function larger() {
if (newsfont < 20) {
newsfont= newsfont +1;
changeFont('content');
}
}

function smaller() {
if (newsfont > 10) {
newsfont= newsfont -1;
changeFont('content');
}
}
//-->
</script>
</head>
</body>
<a onmousedown='larger()' href='javascript:void(0);'><img src='textogrande.gif'' alt='Aumentar texto' title='Aumentar texto' border='0'></a>
<a onmousedown='smaller()' href='javascript:void(0);'><img src='textopeque.gif'' alt='Disminuir texto' title='Disminuir texto' border='0'></a>

<div id="content">
Esto es un ejemplo.
</div>
</body>
</html>
Imagen de "textogrande.gif":

Imagen de "textopeque.gif":

Saludos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:25.