No funciona con IE pero si con firefox
Publicado por rraces (2 intervenciones) el 16/01/2007 23:35:49
Hola amigos tengo un código el cuál tiene un formulario que a la hora de elegir la localidad que queremos nos muestra las distintas zonas para dicha localidad. Las localidades y las zonas estan en la base de datos. Bien pues con Firefox me funciona correctamente todo, pero en Internet Explorer no me funciona, cuando elijo una localidad no me realiza ninguna acción, y me aparece un error en la página el dice: “Se esperaba un objeto”. Pero le he dado mil vueltas y no encuentro el error.
Os muestro el código por si me podéis ayudar.
Aquí estan las funciones AJAX que utilizo:
function getElement( idElemento )
{
if( document.getElementById )
return document.getElementById( idElemento );
else if ( document.all )
return document.all[ idElemento ];
}
//esta funcion toma los valores de los elementos del formulario.
function cargaContenido(selectACargar)
{
// Recibo el número correspondiente al combo que se debe llenar de datos
var selectAnterior = selectACargar-1; // Obtengo el número del combo que activó el evento onChange
// Extraigo el valor del combo que se ha cambiado
var strParam = getParametros( selectACargar );
var elemento;
if( strParam != "" && selectACargar != 4 )
{
ajax=nuevoAjax();
// Envio al servidor el valor seleccionado y el combo al cual se le deben poner los datos
ajax.open("GET", "select_dependientes_proceso.php?" + strParam, true);
ajax.onreadystatechange=function()
{
if (ajax.readyState==1)
{
// Mientras carga elimino la opcion "Elige" y pongo una que dice "Cargando"
elemento=document.getElementById("select_" + selectACargar);
elemento.length=0;
var opcionCargando=document.createElement("option");
opcionCargando.value=0;
opcionCargando.innerHTML="Cargando...";
elemento.appendChild(opcionCargando);
elemento.disabled=true;
}
if (ajax.readyState==4)
{
// Coloco en la fila contenedora los datos que recivo del servidor
document.getElementById("fila_" + selectACargar).innerHTML=ajax.responseText;
}
}
ajax.send(null);
}
if ( selectACargar == 4 )
document.getElementById( "select_4" ).disabled = false;
/* Colocamos mediante los whiles los selects en "Selecciona opción..." cuando el select anterior
ha quedado en estado "Elige" */
var x=1, y=null;
while(x<=2)
{
valor=document.getElementById("select_"+x).options[document.getElementById("select_"+x).selectedIndex].value;
if(valor==0)
{
while(x<=2)
{
y=x+1;
elemento=document.getElementById("select_"+y);
elemento.length=0;
var opcionSelecciona=document.createElement("option");
opcionSelecciona.value=0;
opcionSelecciona.innerHTML="Selecciona opción...";
elemento.appendChild(opcionSelecciona);
elemento.disabled=true;
x++;
}
}
x++;
}
}
//esta funcion es la que carga el contenido
function getParametros( selectACargar ){
var vUniversidad = getValorCombo( "select_1" );
var vFacultad = getValorCombo( "select_2" );
var vPagina = "index.php";
var strParam = "";
strParam += ( vUniversidad != "0" ) ? "select_1=" + vUniversidad : "" ;
strParam += ( vFacultad != "0" ) ? ( strParam!="" ?"&" : "" ) + "select_2=" + vFacultad : "" ;
strParam += ( strParam!="" ? "&" : "" ) + "vPagina=" + vPagina;
strParam += ( strParam!="" ? "&" : "" ) + "select=" + selectACargar;
//alert(strParam);
return strParam;
}
//esta la que pasa los parametros a la que procesa
function nuevoAjax()
{
/* Crea el objeto AJAX. Esta funcion es generica para cualquier utilidad de este tipo, por
lo que se puede copiar tal como esta aqui */
var xmlhttp=false;
try
{
// Creacion del objeto AJAX para navegadores no IE
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
try
{
// Creacion del objet AJAX para IE
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(E) { xmlhttp=false; }
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') { xmlhttp=new XMLHttpRequest(); }
return xmlhttp;
}
function getValorCombo( pCombo )
{
var oCombo = document.getElementById( pCombo );
return oCombo.options[ oCombo.selectedIndex ].value;
}
//y esta la funcion de ajax.
Os muestro el código por si me podéis ayudar.
Aquí estan las funciones AJAX que utilizo:
function getElement( idElemento )
{
if( document.getElementById )
return document.getElementById( idElemento );
else if ( document.all )
return document.all[ idElemento ];
}
//esta funcion toma los valores de los elementos del formulario.
function cargaContenido(selectACargar)
{
// Recibo el número correspondiente al combo que se debe llenar de datos
var selectAnterior = selectACargar-1; // Obtengo el número del combo que activó el evento onChange
// Extraigo el valor del combo que se ha cambiado
var strParam = getParametros( selectACargar );
var elemento;
if( strParam != "" && selectACargar != 4 )
{
ajax=nuevoAjax();
// Envio al servidor el valor seleccionado y el combo al cual se le deben poner los datos
ajax.open("GET", "select_dependientes_proceso.php?" + strParam, true);
ajax.onreadystatechange=function()
{
if (ajax.readyState==1)
{
// Mientras carga elimino la opcion "Elige" y pongo una que dice "Cargando"
elemento=document.getElementById("select_" + selectACargar);
elemento.length=0;
var opcionCargando=document.createElement("option");
opcionCargando.value=0;
opcionCargando.innerHTML="Cargando...";
elemento.appendChild(opcionCargando);
elemento.disabled=true;
}
if (ajax.readyState==4)
{
// Coloco en la fila contenedora los datos que recivo del servidor
document.getElementById("fila_" + selectACargar).innerHTML=ajax.responseText;
}
}
ajax.send(null);
}
if ( selectACargar == 4 )
document.getElementById( "select_4" ).disabled = false;
/* Colocamos mediante los whiles los selects en "Selecciona opción..." cuando el select anterior
ha quedado en estado "Elige" */
var x=1, y=null;
while(x<=2)
{
valor=document.getElementById("select_"+x).options[document.getElementById("select_"+x).selectedIndex].value;
if(valor==0)
{
while(x<=2)
{
y=x+1;
elemento=document.getElementById("select_"+y);
elemento.length=0;
var opcionSelecciona=document.createElement("option");
opcionSelecciona.value=0;
opcionSelecciona.innerHTML="Selecciona opción...";
elemento.appendChild(opcionSelecciona);
elemento.disabled=true;
x++;
}
}
x++;
}
}
//esta funcion es la que carga el contenido
function getParametros( selectACargar ){
var vUniversidad = getValorCombo( "select_1" );
var vFacultad = getValorCombo( "select_2" );
var vPagina = "index.php";
var strParam = "";
strParam += ( vUniversidad != "0" ) ? "select_1=" + vUniversidad : "" ;
strParam += ( vFacultad != "0" ) ? ( strParam!="" ?"&" : "" ) + "select_2=" + vFacultad : "" ;
strParam += ( strParam!="" ? "&" : "" ) + "vPagina=" + vPagina;
strParam += ( strParam!="" ? "&" : "" ) + "select=" + selectACargar;
//alert(strParam);
return strParam;
}
//esta la que pasa los parametros a la que procesa
function nuevoAjax()
{
/* Crea el objeto AJAX. Esta funcion es generica para cualquier utilidad de este tipo, por
lo que se puede copiar tal como esta aqui */
var xmlhttp=false;
try
{
// Creacion del objeto AJAX para navegadores no IE
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
try
{
// Creacion del objet AJAX para IE
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(E) { xmlhttp=false; }
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') { xmlhttp=new XMLHttpRequest(); }
return xmlhttp;
}
function getValorCombo( pCombo )
{
var oCombo = document.getElementById( pCombo );
return oCombo.options[ oCombo.selectedIndex ].value;
}
//y esta la funcion de ajax.
Valora esta pregunta


0