Pues si, tenian razón, ajax es exactamente lo que busco.
Me puse a desarrollar conciensudamente un tutorial (no solo copiar y pegar) pero la cosa esta no funciona, me preguntaba si podría ayudarme a hallar el error.
INDEX.HTML:
Cita: <!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"lang="es" xml:lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Asíncrono Javascript y XML</title>
<link href="estilos.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/javascript" src="codigo.js"></script>
</head>
<body>
<div id="menu"> <a href="javascript
:llamarasincrono('1.html', 'contenedor');">El sentido del tacto</a> <a href="javascript
:llamarasincrono('2.html', 'contenedor');">Sensaciones</a> </div>
<div id="contenedor">
<h3>En esta capa se cargará asíncronamente dos fragmentos de código (x)html.</h3>
<p>Escoger una opción del menú... </p>
</div>
</body>
</html>
CODIGO.JS:
Cita: function llamarasincrono (url, contenedor)
{
var pagina_requerida = false;
if (window.XMLHttpRequest)
{
// Si es Mozilla, Safari etc
pagina_requerida = new XMLHttpRequest ();
} else if (window.ActiveXObject)
{
// pero si es IE
try
{
pagina_requerida = new ActiveXObject ("Msxml2.XMLHTTP");
}
catch (e)
{
// en caso que sea una versión antigua
try
{
pagina_requerida = new ActiveXObject ("Microsoft.XMLHTTP");
}
catch (e)
{
}
}
}
else
return false;
pagina_requerida.onreadystatechange = function ()
{
// función de respuesta
cargarpagina (pagina_requerida, contenedor);
}
pagina_requerida.open ('GET', url, true); // asignamos los métodos open y send
pagina_requerida.send (null);
}
// todo es correcto y ha llegado el momento de poner la información requerida
// en su sitio en la pagina xhtml
function cargarpagina (pagina_requerida, contenedor)
{
if (pagina_requerida.readyState == 4 && (pagina_requerida.status == 200 || window.location.href.indexOf ("http") == - 1))
document.getElementById (contenedor).innerHTML = pagina_requerida.responseText;
}
EN LA MISMA RAIZ TENGO LOS DOS ARCHIVOS DEPENDIENDES 1.html y 2.html.
Revisé 5000 veces y todo parece bien, dónde está el errors?