<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<style>
div span:first-child {width:200px;display:inline-block;}
</style>
</head>
<body>
<h1>Algunos foros de La Web del Programador</h1>
<script>
if (window.XMLHttpRequest)
{
// Objeto para IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}else{
// Objeto para IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
// Abrimos el archivo que esta alojado en el servidor cd_catalog.xml
xmlhttp.open("GET","foros.xml",false);
xmlhttp.send();
// Obtenemos un objeto XMLDocument con el contenido del archivo xml del servidor
xmlDoc=xmlhttp.responseXML;
// Obtenemos todos los nodos denominados foro del archivo xml
var foros=xmlDoc.getElementsByTagName("foro");
// Hacemos un bucle por todos los elementos foro
for(var i=0;i<foros.length;i++)
{
// Del elemento foro, obtenemos del primer elemento denominado "titulo"
// el valor del primer elemento interno
titulo=foros[i].getElementsByTagName("titulo")[0].childNodes[0].nodeValue
url=foros[i].getElementsByTagName("url")[0].childNodes[0].nodeValue
document.write("<div>");
document.write("<span>");
document.write(titulo);
document.write("</span><span>");
document.write("<a href='"+url+"' target='_blank'>"+url+"</a>");
document.write("</span>");
document.write("</div>");
}
</script>
</body>
</html>
<!--
El contenido del archivo "foros.xml", puede ser algo así:
<?xml version="1.0" encoding="UTF-8"?>
<foros>
<foro>
<titulo>PHP</titulo>
<url>http://www.lawebdelprogramador.com/foros/PHP/</url>
</foro>
<foro>
<titulo>Java</titulo>
<url>http://www.lawebdelprogramador.com/foros/Java/</url>
</foro>
<foro>
<titulo>Access</titulo>
<url>http://www.lawebdelprogramador.com/foros/Access/</url>
</foro>
<foro>
<titulo>Windows 8</titulo>
<url>http://www.lawebdelprogramador.com/foros/Windows_8/</url>
</foro>
<foro>
<titulo>Visual Basic .NET</titulo>
<url>http://www.lawebdelprogramador.com/foros/Visual_Basic.NET/</url>
</foro>
<foro>
<titulo>JavaScript</titulo>
<url>http://www.lawebdelprogramador.com/foros/JavaScript/</url>
</foro>
<foro>
<titulo>Linux</titulo>
<url>http://www.lawebdelprogramador.com/foros/Linux/</url>
</foro>
</foros>
-->
Comentarios sobre la versión: Versión 1 (9)
o sea: tomadura de pelo (con y sin adblock)
Nefasta desfachatez a costa de un minimo conocimiento.
Apaga y vámonos.