lo primero de todo gracias a la gente por hacer esta comunidad que de tantos lios nos saca. Lo segundo, estoy haciendo un menú de migas de pan y he conseguido hacer que funcione para Mozilla y Chrome mostrando solo los últimos 3 registros, pero al llegar a Internet Explorer 11 me dice al depurarlo "No se puede obtener la propiedad 'breadcrumb' de referencia nula o sin definir". He estado mirando información y he visto que jquery le da problemas a la gente con Iexplorer. He probado poniendo el meta que se comporte como edge y el tema de la caché ponerla en false, pero nada funcionó, si se le ocurre alguna idea a alguien se lo agradecería un montón, un saludo.
$(document).ready(function(){
bindEventToNavigation();
showBreadCrumb(); //Show the breadcrumb when you arrive on the new page
});
function showBreadCrumb(){
$("#breadcrumb").html(sessionStorage.breadcrumb);
}
function bindEventToNavigation(){
$.each($("#navigation_links > li > a"), function(index, element){
$(element).click(function(event){
breadcrumbStateSaver($(this).attr('href'), $(this).text());
showBreadCrumb();
});
});
}
function breadcrumbStateSaver(link, text) {
if (typeof (Storage) != "undefined") {
if (sessionStorage.breadcrumb) {
if (sessionStorage.contador) {
// Se convierte el contador a entero porque por defecto es una cadena
sessionStorage.contador = parseInt(sessionStorage.contador) + 1;
} else {
sessionStorage.contador = 1;
}
var breadcrumb = sessionStorage.breadcrumb;
var breadcrumb2 = new String(breadcrumb);
var posicion = breadcrumb.indexOf(">> ");
if (sessionStorage.contador>=3){
fijo2 = sessionStorage.breadcrumb.substr(posicion+3, breadcrumb2.length)/*+" "+breadcrumb2.substr(posicion, breadcrumb2.length)*/;
sessionStorage.breadcrumb = fijo2+ "<a href='" +link + "'>" + text + "</a>"+">> ";
}
else{
sessionStorage.fijo=breadcrumb2;
sessionStorage.breadcrumb = breadcrumb + " <a href='" +
link + "'>" + text + "</a>"+">> ";
}
}
else {
sessionStorage.breadcrumb = "<a href='" + link + "'>" + text + "</a>"+">> ";
}
}}