Hola,
Estoy haciendo unas pruebas para cargar el contenido de una pagina externa a y el codigo me funciona de lujo para IE, pero para Firefox o Chrome no. El codigo, ya lo utilizo en otra web para otra funcion, y me funciona bien en todos los navegadores
Este es el codigo que utilizo.
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!--<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">-->
<html>
<head>
<title>Clasificaciones</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style>
table{
border:outset 2px #F00;
}
.tittr{
background-color:#F00;
color:#fff;
}
.fondo_01{
background-color:#CCC;
}
.fondo_02{
background-color:#fff;
}
</style>
<script language="javascript">
var con=false;
function cargarTabla(direccion)
{
document.getElementById("tabla").innerHTML = direccion;
tablaResultados(direccion);
//document.getElementById("tabla").innerHTML=req;
}
//hace la conexion en con
function conexion()
{
if( window.XMLHttpRequest )
con = new XMLHttpRequest(); // No Internet Explorer
else
con = new ActiveXObject("Microsoft.XMLHTTP"); // Internet Explorer
return con;
}
//carga los datos en con
function tablaResultados(direccion)
{
con = conexion();
con.onreadystatechange = mostrarDatos;// funcion sin parentesis
con.open("GET",direccion,true);
con.send(null);
}
//cargar el div central
function mostrarDatos()
{
if(con.readyState == 4)//todo ok
{
if(con.status == 200)//peticion correcta
{
var texto = sacarTabla(con.responseText);
document.getElementById("tabla").innerHTML = texto;
con.close();
}
}
}
//hace la seleccion de los datos q deseamos de la pagina solicitada
function sacarTabla(texto)
{
var texto = texto;
textoUno="";
var posicionInicial = texto.indexOf("<div class=\"contenido\">");
var posicionFinal = texto.indexOf("<div class=\"resultados\">");
textoUno = texto.substring(posicionInicial, posicionFinal);
var posicionInicial = texto.lastIndexOf("<table");
var posicionFinal = texto.lastIndexOf("</table>");
texto = texto.substring(posicionInicial, posicionFinal);
return textoUno+"<br />"+texto+"</table>";
}
</script>
</head>
<body><!--onLoad="javascript:cargarTabla()"-->
<div name="tabla" id="tabla" style="width:560px; margin-left:auto; margin-right:auto; margin-bottom:20px;"> tabla </div>
<a href="#" onClick="javascript:cargarTabla('http://www.fnavarrabm.es/clasificaciones.asp?torneo=223&x_OPCION=MC&Submit=Mostrar')">Benjamin</a>
<a href="#" onClick="javascript:cargarTabla('http://www.fnavarrabm.es/clasificaciones.asp?torneo=216&x_OPCION=MC&Submit=Mostrar')">Alevin</a>
<a href="#" onClick="javascript:cargarTabla('http://www.fnavarrabm.es/clasificaciones.asp?torneo=225&x_OPCION=MC&Submit=Mostrar')">Infantil</a>
<a href="#" onClick="javascript:cargarTabla('http://www.fnavarrabm.es/clasificaciones.asp?torneo=201&x_OPCION=MC&Submit=Mostrar')">Cadete</a>
<a href="#" onClick="javascript:cargarTabla('http://www.fnavarrabm.es/clasificaciones.asp?torneo=195&x_OPCION=MC&Submit=Mostrar')">Juvenil</a>
<a href="#" onClick="javascript:cargarTabla('http://www.fnavarrabm.es/clasificaciones.asp?torneo=247&x_OPCION=MC&Submit=Mostrar')">Senior</a>
</body>
</html>
Si se os ocurre algo, estaria muy agradecido.
x cierto, los enlaces son reales, = es por la web externa por lo que no me funcionan?