Como utilizar AJAX no IE

lucascabs · Junho 29, 2009

Bom dia a todos!

estou com uma dúvida urgente e gostaria de uma ajuda de vocês se for possivel!

PS. procurei bastante nos tópicos e não achei por isso criei esse tópico novo ... se já tinha sinto muito!

elaborei um site no dreamweaver que tinha uma espécie de conteúdo flutuante!

não foi feito nem em flash e nem foi utilizado iframe para aparecer as informações ... deu certo se não fosse um porém!

funciona no chrome, firefox, opera ... so não funciona no internet explorer!

a função java script q peguei foi essa:

&lt;script>
try {
xmlhttp = new XMLHttpRequest();
} catch(ee) {
try{
xmlhttp = new ActiveXObject('Msxml2.XMLHTTP');
} catch(e) {
try{
xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
} catch(E) {
xmlhttp = false;
}
}
}
function carrega(_idContainer, _endereco){
xmlhttp.open('GET',_endereco,true);
xmlhttp.onreadystatechange=function() {

if (xmlhttp.readyState==4){
retorno=xmlhttp.responseText;
var tag_container = document.getElementById(_idContainer);
tag_container.innerHTML=retorno;

}
}
xmlhttp.send(null)
}
</script>

exemplo do botão abrindo conteúdo:

<td width="200" height="25"><a href="#" onMouseOut="MM_swapImgRestore();java script:carrega('conteudo', 'cursos_tecnicos.html')" onMouseOver="MM_swapImage('tecnicos','','img/tecnicos2.jpg',1);java script:carrega('conteudo', 'cursos_tecnicos.html')"><img src="img/tecnicos.jpg" name="tecnicos" width="200" height="25" border="0"></a></td>

PS. relembrando que funcionou perfeitamente ... só não roda no internet explorer!

eu não entendo como da certo em qualquer navegador ... menos no IE

obrigado a atenção

Lucas

Editado Junho 30, 2009 por lucascabs
add tag's :: fercosmig

lucascabs · Junho 30, 2009

Lucas ((lucasalmeida05@gmail.com))

Editado Junho 30, 2009 por lucascabs

.Andreia. · Junho 30, 2009

Calma, todos que leram não souberam te responder ou não tiveram tempo suficiente pra isso.

Quando a sua duvida, ficou confuso tentar simular aki só com o q você postou. Cade as funções MM_swapImage e MM_swapImgRestore, ou elas não são as fontes do problema?

Aparece algum erro na execucao pagina?

lucascabs · Junho 30, 2009

desculpa ae ... é que estou meio preocupado! =/

tipo assim ... imagina um site que quando o usuário passar o mouse em cima de um botao de um menu, ele visualizar um conteudo html ((outra pagina qualquer)) e quando passo em outro ele vai trocando ... entende?? é como se fosse abrir um link que irá ser aberto em lugar especifico que já tenho pronto e não abrir em uma nova janela!

mas não posso utilizar frames ou flash! =/

o codigo que eu fiz funcionou perfeitamente ... porém so nos navegadores Firefox e Chrome! No IE ele não funciona!

eu bolei a pagina assim ... eu chamei uma função no começo da pagina ... em cada botão tem as funções onMouseOut e onMouseOver que além de trocarem o fundo do botão eles abrem o conteúdo html especifico em um lugar especifico que eu chamei de conteudo!

obrigado a atenção

Lucas de Almeida

.Andreia. · Julho 1, 2009

ta, mas da algum erro na pagina? tem aquela exclamação amarela ?

lucascabs · Julho 1, 2009

ta, mas da algum erro na pagina? tem aquela exclamação amarela ?

não ... simplesmente o efeito não funciona ((o efeito seria de abrir os conteudos html naquele espaço determinado))

você entendeu a duvida?? quer que te mande arquivos??

abraço

Lucas

Jonathan Queiroz · Julho 1, 2009

Se possível poste o link para o site onde o script está rodando ou o código completo dos arquivos

lucascabs · Julho 3, 2009

Se possível poste o link para o site onde o script está rodando ou o código completo dos arquivos

eu tenho certeza que é muito fácil o que eu quero ... so não sei explicar!

é bem simples ... mas não pode ser feito em flash nem em frame!

segue abaixo os codigos ...

// principal da pagina do site (apaguei o que não é util)
<html>
<head>

&lt;script>
try {
xmlhttp = new XMLHttpRequest();
} catch(ee) {
try{
xmlhttp = new ActiveXObject('Msxml2.XMLHTTP');
} catch(e) {
try{
xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
} catch(E) {
xmlhttp = false;
}
}
}
function carrega(_idContainer, _endereco){
xmlhttp.open('GET',_endereco,true);
xmlhttp.onreadystatechange=function() {

if (xmlhttp.readyState==4){
retorno=xmlhttp.responseText;
var tag_container = document.getElementById(_idContainer);
tag_container.innerHTML=retorno;

}
}
xmlhttp.send(null)
}
</script>
&lt;script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->

</script>
<title>teste</title></head>
<body>

<table width="970" border="0" cellpadding="0" cellspacing="0" bgcolor="#F4F4F4">
<tr>
<td><table width="200">
<tr>
<td width="200" height="25"><a href="#" onMouseOut="MM_swapImgRestore();java script:carrega('conteudo',

'site_x.php')" onMouseOver="MM_swapImage('img_x','','img/img_x2.jpg',1);java script:carrega('conteudo', 'site_x.php')"><img src="img/img_x.jpg" name="img_x" width="200" height="25" border="0"></a></td>
</tr>
<tr>
<td width="200" height="25"><a href="#" onMouseOut="MM_swapImgRestore();java script:carrega('conteudo',

'site_y.php')" onMouseOver="MM_swapImage('img_y','','img/img_y2.jpg',1);java script:carrega('conteudo',

'site_y.php')"><img src="img/img_y.jpg" name="img_y" width="200" height="25" border="0"></a></td>
</tr>
<tr>
<td width="200" height="25"><a href="#" onMouseOut="MM_swapImgRestore();java script:carrega('conteudo',

'site_z.php')"

onMouseOver="MM_swapImage('img_z','','img/img_z2.jpg',1);java script:carrega('conteudo',

'site_z.php')"><img src="img/img_z.jpg" name="img_z" width="200" height="25"

border="0"></a></td>
</tr>
<tr>
<td width="200" height="25"><a href="#" onMouseOut="MM_swapImgRestore();java script:carrega('conteudo',

'site_a.php')"

onMouseOver="MM_swapImage('img_a','','img/img_a2.jpg',1);java script:carrega('conteudo',

'site_a.php')"><img src="img/img_a.jpg" name="img_a" width="200" height="25"

border="0"></a></td>
</tr>
<tr>
<td width="200" height="25"><a href="#" onMouseOut="MM_swapImgRestore();java script:carrega('conteudo',

'site_b.php')"

onMouseOver="MM_swapImage('img_b','','img/img_b2.jpg',1);java script:carrega('conteudo',

'site_b.php')"><img src="img/img_b.jpg" name="img_b" width="200" height="25"

border="0"></a></td>
</tr>
</table></td>
<td width="770"><div id='conteudo'></div>
</table>
</body>
</html>

// site x (apaguei o que não é util)

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>teste</title></head>


<body>
<table width="98%" height="140" border="0" cellpadding="0" cellspacing="0" bgcolor="#F4F4F4">
<tr>
<td> XXXXX </td>
</tr>
</table>
</body>
</html>

// site y (apaguei o que não é util)

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>teste</title></head>


<body>
<table width="98%" height="140" border="0" cellpadding="0" cellspacing="0" bgcolor="#F4F4F4">
<tr>
<td> YYYYY </td>
</tr>
</table>
</body>
</html>

// site Z (apaguei o que não é util)

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>teste</title></head>


<body>
<table width="98%" height="140" border="0" cellpadding="0" cellspacing="0" bgcolor="#F4F4F4">
<tr>
<td> ZZZZZ </td>
</tr>
</table>
</body>
</html>

// site A (apaguei o que não é util)

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>teste</title></head>


<body>
<table width="98%" height="140" border="0" cellpadding="0" cellspacing="0" bgcolor="#F4F4F4">
<tr>
<td> AAAAA </td>
</tr>
</table>
</body>
</html>

// site B (apaguei o que não é util)

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>teste</title></head>


<body>
<table width="98%" height="140" border="0" cellpadding="0" cellspacing="0" bgcolor="#F4F4F4">
<tr>
<td> BBBBB </td>
</tr>
</table>
</body>
</html>

so lembrando a todos que funcionou perfeitamente!

so não funciona no navegador IE

obrigado a atenção

LUCAS

Editado Julho 3, 2009 por .Andreia.
Utlizar tags para códigos.

.Andreia. · Julho 3, 2009

é q não da pra testar isso ai aki porque o seu codigo tem só um trecho, e ajax envolve mtos arquivos ligados. Seria mais facil você disponibilizar um link pra gente ver rodando

Entrar

Como utilizar AJAX no IE

Pergunta

lucascabs

Link para o comentário

Compartilhar em outros sites

8 respostass a esta questão

Posts Recomendados

lucascabs

Link para o comentário

Compartilhar em outros sites

.Andreia.

Link para o comentário

Compartilhar em outros sites

lucascabs

Link para o comentário

Compartilhar em outros sites

.Andreia.

Link para o comentário

Compartilhar em outros sites

lucascabs

Link para o comentário

Compartilhar em outros sites

Jonathan Queiroz

Link para o comentário

Compartilhar em outros sites

lucascabs

Link para o comentário

Compartilhar em outros sites

.Andreia.

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades