Botones para aumetar o disminuir el tamaño de un texto....

alexbariv · #1 (**permalink**) 08/08/2005, 15:24

Hola a todos!

Tengo esto:

<div id="texto">Este es mi texto</div>

Quiero que al hacer click en unos botones o links el tamaño del texto cambie, para aumentarlo o disminuirlo.

Posible?¿

Que sugieren?¿

Saludos y gracias de antemano!!!!!!!!

Saruman · #2 (**permalink**) 08/08/2005, 17:31

Código HTML:

 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>
 
<script language="javascript">
var _sys_isIE=document.all?true:false;
var _sys_isNS4x=document.layers?true:false;
var _sys_isNS6=document.getElementById?true:false;
 
function getObject(name) {
if(_sys_isIE) {
return eval("document.all."+name);
} else {
if(_sys_isNS4x) {
	return eval("document."+name);
} else {
	if(_sys_isNS6) {
	 return document.getElementById(name);
	} else {
	 return null;
	}
}
}
}
 
function zoom(opc) {
var div = getObject("texto");
var tamano = parseInt(div.style.fontSize.replace("px", ""));
 
if (opc == 0) {
tamano++;
div.style.fontSize = tamano.toString() + "px";
} else {
tamano--;
div.style.fontSize = tamano.toString() + "px";
}
}
</script>
 
<body> 
 
<div id="texto" style="font-size:11px;">Hola Mundo!</div>
 
<br>
 
<input type="button" name="mas" value="+" onClick="zoom(0);">
<input type="button" name="menos" value="-" onClick="zoom(1);">
</body>
</html>

alexbariv · #3 (**permalink**) 08/08/2005, 20:22

Oyeeeeeeee!!!!!!:

Un Millon De Graciassssssssss!!!!!!!!!!!!!

Saludos!!!

4sc1r · #4 (**permalink**) 08/08/2005, 23:08

No me funciona en mi pagina , con el navegador de mozilla , pero si en IE.

Lo raro es ke pego el codigo de aqui , y lo veo en mozilla y IE funciona lo mas bien , al reemplazarlo en la pagina mia no ...

que puede estar afectando eso??

Saruman · #5 (**permalink**) 09/08/2005, 06:53

Cita:

Iniciado por 4sc1r

No me funciona en mi pagina , con el navegador de mozilla , pero si en IE.

Lo raro es ke pego el codigo de aqui , y lo veo en mozilla y IE funciona lo mas bien , al reemplazarlo en la pagina mia no ...

que puede estar afectando eso??

ok, ya modifiqué la función... trata de nuevo... funciona perfectamente en Mozilla.
saludos

4sc1r · #6 (**permalink**) 09/08/2005, 11:11

GRACIAS Saruman !!!
funciona perfecto!!
SALUDOS!!!