[Ajuda!] AJAX + IE + CSS

Front-end
#1

Pessoal,

Estou usando Richfaces + Facelets…
Alem disso, fiz uma pagina que carrega conteudos de outras paginas via AJAX!

O problema acontece quando eu pego o conteúdo dessa outra página e jogo num DIV na minha página, algo assim:

xmlHttp.onreadystatechange = function(){
   if(xmlHttp.readyState==4) {  //-------------------------------------------Função de retorno do AJAX
     algumDiv.innerHTML = xmlHttp.responseText;
   }
}

O Firefox carrega tudo dessa página corretamente, mas no IE 7 ele não consegue carregar, fica uma página toda zuada, sem estilos…

Alguém faz idéia de porque isso acontece ou como solucionar?

Eu estava pensando em pegar o HTML da outra pagina, separar os 's e os 's e carrega-los “a força”… Mas não consigo fazer o parse do HTML corretamente…

Qualquer ajuda é bem vinda,

obrigado…

#2

Ja tentou definir o pageEncoding nas paginas? Só imagino isso, porque nunca tive esse problema com o IE7

#3

Estou usando xhtml e não tenho pratica com Facelets, onde posso passar o pageEncoding?

#4

se eu não me engano para ie você deve criar um ActiveXObject.

tenta assim:

var xmlHttp = null; if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); // Estamos num Mozilla } else if (window.ActiveXObject) { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); // Estamos num IE } else { alert('Ajax não suportado! Atualize a versão deste navegador'); }
abraço…

#5

Sim, eu sei:

function getXmlHttpObject(){
	var xmlHttp;
	try{
		// Firefox, Opera 8.0+, Safari
		xmlHttp=new XMLHttpRequest();
	} catch (e) {
		// Internet Explorer
		try{
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {
				//alert("Your browser does not support AJAX!");
				return false;
			}
		}
	}

	return xmlHttp;
}
#6