Doctype Transtitional conflicto con Javascript

ingeday · #1 (**permalink**) 07/12/2008, 23:56

Buenas Noches... companeros, tengo un problemilla, no se si alguién sepa, he buscado y no he encontrado...

Tengo el siguiente codigo eh html: pagina.html

Código HTML:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script language="javascript" src="funciones.js" type="text/javascript"></script>
<link rel="StyleSheet" href="estilo_dhtml1.css" type="text/css">
</head>
<body>
<h1 id="titulo">Hola Este es un parrafo din&aacute;mico, que puede cambiar entre tres tama&ntilde;os de letra (10px, 13px, 20px).</h1>
<input type="button" value="Tama&ntilde;o 10px" onclick="cambiarTamanoA(10)" />
<input type="button" value="Tama&ntilde;o 13px" onclick="cambiarTamanoA(13)" />
<input type="button" value="Tama&ntilde;o 20px" onclick="cambiarTamanoA(20)" />
</body>
</html>

Y Tengo un Javascript: funciones.js

Código:

// JavaScript Document
function cambiarColor(idName) {
		var tit=document.getElementById('titulo');
		tit.style.color="#0FF";
	}
	function cambiarTamanoA(size) {
		 var tit=document.getElementById('titulo');
  		 tit.style.fontSize=size;			
	}
function cambiarTamanoFuente()
{
  var tit=document.getElementById('titulo');
  tit.style.fontSize=60;
}

y una Hoja de Estilo: estilo_dhtml1.css

Código:

#titulo {
  text-align:center;
}
#boton1,#boton2 {
  text-align:center;
  width:200px;
}

Y el caso es que todo funciona bien... pero si cambio al html agregandole las etiquetas de DOCTYPE antes de < html >:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Ya no funciona....
solo funciona el procedimiento de cambio de Color...

Si alguien puede ayudarme se lo agradecería...

Gracias!!

caricatos · #2 (**permalink**) 08/12/2008, 00:23

Hola:

Hay estilos que no basta con poner un número, sino que hay que especificar de que medida se trata...

Prueba con:
tit.style.fontSize=size + "pt";

Bueno, no sé si quieres usar "pt" ó "px" o "em" o "%"...

;

Saludos