Hola.
Hace unos años me aficioné a la programación web, por gusto, y luego se me olvidaron muchas cosas.
Ahora querría volver a recordarlas y me he puesto a hacer prácticas. quiero poder cargar documentos html en un div de la página según se pinchen los links de una barra de navegación.
He probado muchas cosas, funciones casi siempre con load() de jQuery, y otras veces con innerHTML (no me gusta, es muy engorroso), y no hay manera. Pongo alerts para ver si capta la función y los alerts me funcionan. He hecho hasta copy/paste de código que se supone que funciona y nada de nada.
¿Que puede pasar?
Tengo windows 8 recien adquirido, google chrome actualizado (v 30.0) y la lib jQuery en local aunque también la he llamado en servidor y nada.
Pongo aquí lo último que tengo. Por si acaso falla el código, pero ya os digo, estos últimos son cortapegas de algo que se supone que funciona.
Código:
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("a").each(function(){
var href = $(this).attr("href");
$(this).attr({ href: "#"});
$(this).click(function(){
$("#carga").load(href);
});
});
}
</script>
</head>
<body>
<ul id="nav">
<li><a href="1.html">1</a></li>
<li><a href="2.html">2</a></li>
<li><a href="3.html">3</a></li>
</ul>
<div id="carga"></div>
</body>
Código:
<!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=iso-8859-1" />
<title>Documento sin título</title>
<script type="text/javascript">
function Cargar(url, target){
var req;
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
}
else
if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
}
document.getElementById(target).innerHTML = "Cargando<br>TB podemos poner una IMG de cargando...";
req.onreadystatechange = function()
{
if (req.readyState == 4)
{
if (req.status == 200)
{
document.getElementById(target).innerHTML = req.responseText;
}
else
{
document.getElementById(target).innerHTML = "Error";
}
}
}
req.open("GET", url, true);
req.send("");
}
</script>
</head>
<body>
<a href="javascript:void(0);" onclick="Cargar('webmaderas.html','MiContenido');">Ver pagina</a>
<div id="MiContenido">
</div>
</body>
</html>
¿Qué falla? ¿Qué estoy haciendo mal?
Mil gracias.
P.D.: Tengo otra duda un poco a parte; ¿hay alguna función que recoja texto de un documento y lo guarde en una variable?
Gracias.