Problema con etiqueta <!DOCTYPE y firefox

Mauricio Panuncio · #1 (**permalink**) 04/08/2008, 12:01

Hola estoy tratando de validar mi sitio con los validadores de la W3C y para ello he colocado la etiqueta :

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

al comienzo cada una de la página de mi sitio (en ralidad en una sola que luego importo con php a todas las demas junto con la cabecera) y cuando la pruebo en Firefox algunos Script hecos en JavaScript dejan de funcionar.

En especial uno que agranda la altura de una celda de una tabla. Porque pasa esto.

si comento la línea así:

Código HTML:

<!--<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">-->

el problema se soluciona pero claro la W3C no lo valida. jaja.

En IE7 funciona barbaro.

Me pueden dar una mano

Gracias

Mauricio

blanko · #2 (**permalink**) 04/08/2008, 12:21

Podrías poner el código js que empieza a fallar con el uso de <!DOCTYPE HTML....

Mauricio Panuncio · #3 (**permalink**) 04/08/2008, 13:56

Ok este es el código

Código PHP:

  var encurso = false;
var celda1;
function aumenta(tipo1,tama1,valor1)
{
 if(!encurso)
 {
  celda1 = document.getElementById(tipo1);
  celda1.tip = tipo1;
  celda1.val = valor1;
  celda1.tam = tama1
  tempor = setInterval("aaa()", 10)
 };
}
function aaa()
{
 encurso = true;
 var celda = document.getElementById(celda1.tip);
 var capa1 = document.getElementById(celda.tip + '1');
 var capa2 = document.getElementById(celda.tip + '2');
 var imagen_izq = document.getElementById("imagen_izq");
 var imagen_der = document.getElementById("imagen_der");
  if (celda.val)
  {   
   celda.agranda = Number(celda.style.height.replace("px",""));
   celda.agranda = celda.agranda + 5;
   if (celda.agranda > celda.tam)
   {
    encurso = false;
    clearInterval(tempor);
    celda.innerHTML = capa1.innerHTML
   }else{
    celda.style.height = String(celda.agranda);
    imagen_izq.style.height = String(Number(imagen_izq.style.height.replace("px",""))+5);
    imagen_der.style.height = String(Number(imagen_der.style.height.replace("px",""))+5);
   }
  }else{
   celda.disminuye = Number(celda.style.height.replace("px",""));
   celda.disminuye = celda.disminuye-5;
   if (celda.disminuye < 20)
   { 
    encurso=false;
    clearInterval(tempor);
   }else{
    celda.innerHTML = capa2.innerHTML;
    celda.style.height = String(celda.disminuye);
    imagen_izq.style.height = String(Number(imagen_izq.style.height.replace("px",""))-5);
    imagen_der.style.height = String(Number(imagen_der.style.height.replace("px",""))-5);
   }
 
  }
}

y la llamada a la funcion

Código HTML:

<a onClick="aumenta('tele',290,true);" style="cursor:pointer;">LINK<span style="font-size: 10px">(+)</a>

Es un poco complicado pero es la forma que se me ocurrio

El script lo que hace es cuando se lo llama modifica el height de la celda hasta el tamaño deseado y despues coloca el contenido que hay en una capa oculta. Para cerrarla primero borra el contenido, luego lo achica y por utimo coloca el contenido de una segunda capa oculta.

el error que me da es que al dar click sobre el link no hace nada

Gracias

Mauricio Panuncio · #4 (**permalink**) 05/08/2008, 09:16

Ya puse el codigo nadie me puede ayudar

Mauricio Panuncio · #5 (**permalink**) 06/08/2008, 07:08

Por Favor algun alma caritativa