Cambiar contenido de la página sin recargarla

freedonia · #1 (**permalink**) 12/01/2009, 22:03

Hola!

Estoy intentando con javascript cambiar el contenido del body sin recargar la página.

La idea es localizar links y añadir algo después del link.

En el siguiente ejemplo añado a los links de la web un texto diciendo que es un link:

Código:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>

<a href="http://www.forosdelweb.com">Foro<a>

</body>

<script type="text/javascript">

	var needle = "<a>";
	var bodyText = document.body.innerHTML;
	var match = new RegExp(needle, "ig");     
	var replaced = "";
	var replacement = '<a> Es un link!';
	replaced = bodyText.replace(match, replacement);
	document.body.innerHTML = replaced;

</script>

</html>

(En realidad busco links con var links = document.body.getElementsByTagName("a"); pero he simplificado el ejemplo)

Esto me funciona en FF y Chrome pero no me funciona en Explorer. ¿Por qué puede ser?

Gracias!

Fernand0 · #2 (**permalink**) 13/01/2009, 05:31

AJAX.. iframes... o precargas todo en la hoja y lo dividis todo en capas y las vas ocultando/mostrando

freedonia · #3 (**permalink**) 13/01/2009, 09:38

Yo no puedo tocar el contenido del body ni reestructurar la página con iframes,...

Sólo puedo tocar el código del script.

La duda es por que funciona en FF y no en IE.

Creo que falla en:

Código:

document.body.innerHTML = replaced;

aunque no estoy seguro.