Ver Mensaje Individual
  #7 (permalink)  
Antiguo 23/08/2009, 12:57
pepepercebe
 
Fecha de Ingreso: diciembre-2005
Mensajes: 92
Antigüedad: 18 años, 4 meses
Puntos: 0
Respuesta: colores celdas no funcionan en ie6, firefox ok

Gracias Kseso pero no es qke no funcione bien ie6 , es que no tengo una aplicacion como firebug para ie6 que me consiga el codigo modificado dinamicamente con el DOM de Javascript.

No se porque pero no consigo que ie se trague las clases y he buscado otro camino, yo creo que mas complicado y que me hincha el codigo html pero que me funciona.

Yo os pongo lo que he hecho con el DOM de Javascript y si alguien me dice porque me fallaba el anterior codigo os lo agradeceria aunque ya me funcione de esta otra manera.

Código:
Esto es mas javascript que css, pero bueno a la espera que me ayudeis esto me funciona, y si le sirve a alguien en un futuro mejor.

//defino los estilos ya que si lo hago en el archivo css ie6 no se los traga
		var cabecera = document.getElementById('cabeceraModelos');
			cabecera.style.fontFamily = "verdana, arial, helvetica, sans-serif";
			cabecera.style.fontSize = 16;
			cabecera.style.color = "#CC0066";
		var nameModelo = document.getElementsByName('tdModelos');
		for	(var z=0;z<=nameModelo.length-1;z++) {
			//aplico las propiedades de estilo comunes a todas las clases
			nameModelo[z].style.fontFamily = "verdana, arial, helvetica, sans-serif";
			nameModelo[z].style.fontSize = 12;
			nameModelo[z].style.color = "#ffffff";
			nameModelo[z].style.textalign = "center";
			nameModelo[z].style.border = 1;
			nameModelo[z].style.borderColor = "#000000";
			nameModelo[z].style.opacity = ".75"; //opacidad para firefox
			nameModelo[z].style.filter = "alpha(opacity=75)";//opacidad para ie
			
			var clase = nameModelo[z].getAttribute('class');//nos da el nombre de la clase y segun la clase le aplico los atributos especificos de cada clase
			switch (clase){
				case 'modelosESP':
					nameModelo[z].style.backgroundColor = "#FF0099";
					break;
				case 'modelosTLF':
					nameModelo[z].style.backgroundColor = "#0033FF";
					break;
				case 'modelosORE':
					nameModelo[z].style.backgroundColor = "#FF6600";
					break;
				case 'modelosVDS':
					nameModelo[z].style.backgroundColor = "#FF3300";
					break;
				case 'modelosESK':
					nameModelo[z].style.backgroundColor = "#66CC00";
					break;
				case 'modelosYGS':
					nameModelo[z].style.backgroundColor = "#6666FF";
					break;
			}
		}