Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » JavaScript » Cambiar tamaño fuente

JavaScript - Cambiar tamaño fuente

Volver
Nuevo Tema
<<>>
 
Vista:

Cambiar tamaño fuente

Publicado por Zro (1 intervención) el 11/04/2006 11:17:44
Hola, estoy intentando hacer una pagina, con un texto determinado (CSS), y por medio de unos botones en javascript, que aumente o disminuya el tamaño del texto.
Os dejo el codigo, a ver si alguien sabe por que no me funciona (no se si es problema del css, o del javascript):

<html>
<head>
<title>Pruebas</title>
<script language="JavaScript">
function zoomText(tipo){
//inicializaciones
obj=document.getElementById("BlogContainer");
if (obj.style.fontSize==""){
obj.style.fontSize="100%";
}
actual=parseInt(obj.style.fontSize);
incremento=10;

//operacion
if(tipo=="normal"){
obj.style.fontSize="100%"
}
if(tipo=="aumentar"){
valor=actual+incremento;
obj.style.fontSize=valor+"%"
}
if(tipo=="disminuir"){
valor=actual-incremento;
obj.style.fontSize=valor+"%"
}
}
</script>

<style type="text/css">
body {font-size:14px; }
p { font-size:100%; }
h1 { font-size:160%; }
h2 { font-size:140%; }
</style>
</head>

<body>
<a href="#" onClick="zoomText('aumentar','Contenido')">Aumentar</a>
<a href="#" onClick="zoomText('disminuir','Contenido')">Disminuir</a>
<a href="#" onClick="zoomText('reestablecer'),'Contenido'">Reestablecer</a>
<br><br><br>
<div id="Contenido">
texto que quiero cambiar de tamaño
</div>

</body>
</html>

Un saludo y muchas gracias
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

RE:Cambiar tamaño fuente

Publicado por smilou (5 intervenciones) el 12/04/2006 19:50:58
en lugar de utilizar fontsize puedes utilizar className, con esto cambias el nombre de la capa de estilo (CSS)

asi no sólo puerdes cambiar el tamaño de la fuente, sino también el fondo, el color, etc... de una sóla tajada
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Cambiar tamaño fuente

Publicado por Erick Herlitz (1 intervención) el 26/04/2006 05:07:10
Ahí funciona :

<html>
<head>
<title>Pruebas</title>
<script language="JavaScript">
function zoomText(Accion,Elemento){
obj=document.getElementById(Elemento);
if (obj.style.fontSize==""){
obj.style.fontSize="100%";
}
actual=parseInt(obj.style.fontSize);
incremento=10;
//accion sobre el texto
if(Accion=="reestablecer"){
obj.style.fontSize="100%"
}
if(Accion=="aumentar"){
valor=actual+incremento;
obj.style.fontSize=valor+"%"
}
if(Accion=="disminuir"){
valor=actual-incremento;
obj.style.fontSize=valor+"%"
}
}
</script>
</head>

<body>
<a href="#" onClick="zoomText('aumentar','Contenido')">Aumentar</a>
<a href="#" onClick="zoomText('disminuir','Contenido')">Disminuir</a>
<a href="#" onClick="zoomText('reestablecer','Contenido')">Reestablecer</a>
<br><br><br>
<div id="Contenido">
texto que quiero cambiar de tamaño
</div>
</body>
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Cambiar tamaño fuente

Publicado por Nelson (1 intervención) el 26/04/2006 15:20:45
mi problema es algo similar solo que necesito hacerlo para un texto que no este predeterminado osea que se pueda cambiar el formato de cuaquier parte del texto pero el problema es el siguiente. que una vez guardado el documento este deveria poder recuperarse con los mismos cambios que sufrio antes de ser guardado con los cambios del tamaño deletra color tipo de letra etc.. todo lo que se podia haber guardado en el documento algo similar al word que puedes guardar y recuperar el documento con todo su formato.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar