Estoy haciendo un chat, con php y ajax, con base datos mysql.
Tengo problema con internet explore 6
Aquí les pondo los códigos:
CÓDIGO JAVASCRIP
ajax.js
Código HTML:
function objetoAjax(){
var xmlhttp=false;
try{
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}catch(E){
xmlhttp = false;
}
}
if(!xmlhttp && typeof XMLHttpRequest!='undefined'){
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
function enviarMensaje()
{
var usu=document.getElementById('idusuario');
var usu=usu.value;
var men=document.getElementById('texto');
var men=men.value;
ajax=objetoAjax();
ajax.open("POST", "chat.php",true);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
consultaMensajes();
LimpiarCampoTexto();
}
}
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
ajax.send("usuario="+usu+"&mensaje="+men)
}
function consultaMensajes()
{
divContenido = document.getElementById('chatList');
var usu=document.getElementById('idusuario');
var nusuario=document.getElementById('nusuario');
var usu=usu.value;
var nusuario=nusuario.value;
var ajax=objetoAjax();
ajax.open("POST", "consulta.php", true);
ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
ajax.send("usuario="+usu);
ajax.onreadystatechange=function()
{
if (ajax.readyState==4)
{
divContenido.innerHTML=ajax.responseText;
}
}
//cada 3 segundos consulta por nuevos mensajes
setTimeout('consultaMensajes();',3000);
}
//Actualiza el la conversación
window.onload = function (){
consultaMensajes();
ListaUserSesion();
}
function ListaUserSesion()
{
divContenido = document.getElementById('list_usuarios');
var ajax=objetoAjax();
ajax.open("POST", "lista_user_activo_sesion.php", true);
ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
ajax.send("v="+1);
ajax.onreadystatechange=function()
{
if (ajax.readyState==4)
{
divContenido.innerHTML=ajax.responseText;
}
}
//cada 3 segundos consulta por nuevos mensajes
setTimeout('ListaUserSesion();',3000);
}
//Al pulsar tecla ENTER envia el mensaje
function pulsar(e)
{
var evento=e.keyCode || e.wich;
if(evento==13)
{
enviarMensaje();
//scrol();
return false;
}
return true;
}
function LimpiarCampoTexto()
{
var men=document.getElementById('texto');
var men=men.value="";
document.getElementById('texto').focus(); return;
}
//Control de scroll
//function scrol()
onload=function(){
//ListaUserSesion();//function para actualizar usuarios de la lista
setInterval(function(){if(window.parar)return;document.getElementById('chatList').scrollTop=document.getElementById('chatList').scrollHeight},30);
}
index.php
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <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 type="text/javascript" src="ajax.js"></script> <link rel="stylesheet" type="text/css" href="../css/styles.css"/> </head> <body> <div style="padding-left:10px; padding-left:10px; padding-top:5px;"> <table width="800" border="0" cellspacing="0" cellpadding="0" align="center" > <tr> <td style="padding-left:0px; padding-top:0px;"> <div id="chatList" style="overflow:auto; width:600px; height:354px; padding-left:3px; padding-right:3px; border:2px solid; color:#CCCCCC;" onMouseOver="parar=1" onMouseOut="parar=0"><?php require_once('consulta.php');?> </div> <div> <textarea name="texto" id="texto" rows="1" cols="50" style="width:608px; height:42px;" onKeyPress="pulsar(event);" class="TextoContenido"></textarea> <input type="submit" name="Submit" value="Enviar" onClick="javascript:enviarMensaje();"> <input name="idusuario" type="hidden" id="idusuario" value="<?php echo $_SESSION['idcliente'];?>"> <input name="nusuario" type="hidden" id="nusuario" value="<?php echo $_SESSION['login'];?>"> </div> </td> <td valign="top" style="padding-top:0px; padding-left:1px; padding-right:0px;"> <div id="list_usuarios" style="overflow:auto; width:200px; height:354px; padding-left:3px; padding-right:3px; border:2px solid; color:#CCCCCC;"><?php require_once('lista_user_activo_sesion.php');?></div> </td> </tr> </table> </div> </body> </html>
Solo eso pasa en internet explore 6, en el 8 no tiene ningún problema ni en mozilla y tampoco en opera
Por favor ayúdenme
Muchas gracias

