¿Puedes subir la página en algún host, aunque sea Dropbox para ir probando a ver como funciona?
La verdad es que así mirando sólo los código por separado no logro detectar bien todas las relaciones entre el HTML y el Javascript.
Y bueno el jQuery te facilita la compatibilidad entre IE y todos los demás, pero fuera de eso, no cambia muchas las cosas, excepto por la parte que escribes más corto el código.
Pero en general uses jQuery o no, siempre es recomendable que escribas todo el código en lugar de copiar y pegar pedazos, porqué luego no entiendes como funciona lo que tienes, en especial si el código no está comentado. Créeme veces se pierde más tiempo intentando entender lo que programaron otros, que programando uno mismo desde cero.
Por ejemplo en este javascript que pegaste, los únicos comentarios que ha son para diferenciar la parte de IE con un documento DOM (todos los demás navegadores), que justamente es lo más fácil de entender.
Edito, voy a ir agregando algunos comentarios, por si a alguien se le hace más fácil.
if (navigator.userAgent.search(/msie/i) > 0) {
DatosIniciales(); //Carga la función DatosIniciales en IE
} else {
document.addEventListener("DOMContentLoaded", DatosIniciales, false); //Carga la función DatosIniciales, cuando el documento HTML está completo (mozilla/webkit)
}
function DatosIniciales() {
var ListaVinculos = document.links; //La variable ListaVinculos, almacena todos los enlaces del documento
var TotalVinculos = ListaVinculos.length; //Almacena en un número entero la cantidad de enlaces que hay
var SubListaVinculos = new Array(); // Subgrupo de los vínculos que nos interesan
var z = 0;
for (n = 0; n < TotalVinculos; n++) {
if ((ListaVinculos[n].attributes.rel != null) && (ListaVinculos[n].attributes.rel.value.search(/ajax/i)>= 0) ) {
SubListaVinculos[z] = ListaVinculos[n]; //En el array SubListaVinculos, almacena todos los vinculos, cuyo atributo reel no sea nulo y …¿?
z++;
}
}
AsignarEscuchas(SubListaVinculos);
}
function AsignarEscuchas(x) { //Según entiendo, esta función llama a la función Ajax cuando se da clic en un link con los atributos deseados.
var SubListaVinculos = x;
var TotalSubListaVinculos = SubListaVinculos.length;
for (n = 0; n < TotalSubListaVinculos; n++) {
if (navigator.userAgent.search(/msie/i) >= 0) {
SubListaVinculos[n].attachEvent("onclick", Ajax); // Explorer
} else {
SubListaVinculos[n].addEventListener("click", Ajax, false); // DOM
}
}
}
function Ajax(evento) { //El evento es click según entiendo
if (this.getAttribute) { //El this debe de ser el enlace al que se ha dado el click
var pagina = this.getAttribute('href');
var propiedades = this.getAttribute('rel').split("-"); //¿La variable propiedades obtiene el atributo "rel" del enlace que fue clickeado, pero cambia el guión por coma?
evento.preventDefault();
} else {
var uri = evento.srcElement.getAttribute('href');
var subpagina = evento.srcElement.getAttribute('href').split("/");
var pagina = subpagina[subpagina.length-1];
var propiedades = evento.srcElement.getAttribute('rel').split("-");
}
if (propiedades[0] == "ajax") {
loadurl(pagina, propiedades[1]);
return false;
}
}
function loadurl(url, id){
var pagecnx = createXMLHttpRequest();
pagecnx.onreadystatechange=function()
{
if (pagecnx.readyState == 4 && (pagecnx.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(id).innerHTML=pagecnx.responseText;
}
pagecnx.open('GET', url, true)
pagecnx.send(null)
}
function createXMLHttpRequest() {
var xmlHttp=null;
if (window.ActiveXObject)
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
else if (window.XMLHttpRequest)
xmlHttp = new XMLHttpRequest();
return xmlHttp;
}
![[ayay]](/images/smilies/nuevos/sonrojado_ani1.gif "enrojecido")
Hace mucho que no toco esto. 