Cambiar tamaño texto
Publicado por Vice (1 intervención) el 09/10/2009 14:22:16
Hola amig@s:
Tengo un problema que no sé resolver y os pido ayuda.
Tengo una web y quiero crear unos botones (que son imágenes que llaman a una funcion javascript) para que el tamaño del texto de mi página que coincida con un id llamado "texto" varíe.
Me gustaría que fuera con javascript. Os dejo el codigo que no me funciona por si podéis darme alguna pista.
Gracias
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/JavaScript">
function CambioTamanio(tam)
{
var Elementos=document.getElementById("texto")
for (i=0;i<Elementos.length;i++)
{
Elementos[i].style.fontSize=tam
}
}
</script>
<body>
<A href="javascript:CambioTamanio(12)">
<img src="images/letra1b.jpg" alt="fuente pequeña" border="0"></a>
<A href="javascript:CambioTamanio(14)">
<img src="images/letra2b.jpg" alt="fuente mediana" border="0"></a>
<div id="texto">Hola Mundo</div>
</body>
</html>
Tengo un problema que no sé resolver y os pido ayuda.
Tengo una web y quiero crear unos botones (que son imágenes que llaman a una funcion javascript) para que el tamaño del texto de mi página que coincida con un id llamado "texto" varíe.
Me gustaría que fuera con javascript. Os dejo el codigo que no me funciona por si podéis darme alguna pista.
Gracias
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/JavaScript">
function CambioTamanio(tam)
{
var Elementos=document.getElementById("texto")
for (i=0;i<Elementos.length;i++)
{
Elementos[i].style.fontSize=tam
}
}
</script>
<body>
<A href="javascript:CambioTamanio(12)">
<img src="images/letra1b.jpg" alt="fuente pequeña" border="0"></a>
<A href="javascript:CambioTamanio(14)">
<img src="images/letra2b.jpg" alt="fuente mediana" border="0"></a>
<div id="texto">Hola Mundo</div>
</body>
</html>
Valora esta pregunta
0