Ver Mensaje Individual
  #3 (permalink)  
Antiguo 01/11/2007, 01:11
Avatar de seoista
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