¿Qué santos se celebran hoy, lunes 23 de diciembre de 2024? La Iglesia Católica celebra cada día del año la memoria de hombres y mujeres que, con su fe y entrega, dejaron un legado espiritual que trasciende las épocas. Este 23 de diciembre, se honra a tres grandes figuras cuya vida y misión se desarrollaron en contextos muy diferentes, pero que comparten un rasgo común: su compromiso inquebrantable con los valores del Evangelio. En este día, destacan San Juan de Kety, un académico polaco que vivió en humildad y dedicación a los más necesitados; San Ivón de Chartres, un obispo francés que luchó por la justicia en tiempos de grandes tensiones entre la Iglesia y el poder político; y San Juan Stone, mártir inglés que entregó su vida por defender la unidad de la Iglesia frente a las presiones de la reforma protestante.
Estos tres santos nos muestran cómo la santidad puede manifestarse en caminos muy distintos. San Juan de Kety, desde las aulas universitarias, combinó el saber con la caridad, utilizando su conocimiento para servir a los demás. San Ivón de Chartres, en su labor episcopal, destacó por su defensa de la verdad y su capacidad para enfrentar las dificultades con valentía. Por su parte, San Juan Stone nos recuerda la fortaleza necesaria para permanecer fiel a los principios, incluso en momentos de persecución y peligro. Al reflexionar sobre sus vidas, encontramos una invitación a mirar nuestra propia realidad con nuevos ojos. La santidad no está reservada a un grupo selecto, sino que es un llamado para todos, vivido en las circunstancias particulares de cada uno. Ya sea a través del estudio, el liderazgo pastoral o la resistencia ante la adversidad, estos santos son ejemplo de cómo vivir con coherencia, generosidad y compromiso. A continuación, exploramos sus historias y la huella que dejaron en la Iglesia además de enumeraros al resto de santos que se celebran en este día.
San Juan de Kety
San Juan de Kety, también conocido como San Juan Cantius, nació en 1390 en Kęty, un pequeño pueblo de Polonia. Desde joven, destacó por su inteligencia y su profunda fe, lo que lo llevó a estudiar en la Universidad Jaguelónica de Cracovia, donde más tarde se convertiría en profesor de teología. Sin embargo, a pesar de su éxito académico, Juan nunca permitió que el conocimiento lo alejara de su humildad y caridad.
San Juan de Kety vivió con gran sencillez, donando gran parte de sus ingresos a los pobres y dedicando su tiempo libre a ayudar a los necesitados. A pesar de su posición como profesor universitario, prefería caminar descalzo y llevar una vida austera, siempre recordando que el conocimiento debe estar al servicio de Dios y de los demás.
Falleció el 23 de diciembre de 1473, siendo recordado como un hombre de gran sabiduría, bondad y devoción. Fue canonizado en 1767 y es considerado el patrón de los profesores y estudiantes. Su vida nos inspira a vivir con generosidad y a utilizar nuestros talentos para el bien de los demás.
San Ivón de Chartres
San Ivón de Chartres, nacido en 1040, fue un obispo destacado por su valentía en la defensa de la justicia y su profundo conocimiento del derecho canónico. Nombrado obispo de Chartres en 1090, Ivón se convirtió en una figura influyente durante un periodo turbulento en la historia de la Iglesia, marcado por conflictos entre los poderes eclesiásticos y seculares.
Conocido por su integridad y firmeza, San Ivón se opuso a las prácticas abusivas, como la investidura laica, defendiendo la independencia de la Iglesia frente a los gobernantes de la época. Sus escritos, especialmente sobre derecho canónico, fueron fundamentales para resolver conflictos y establecer normas claras en la relación entre la Iglesia y el poder civil.
San Ivón falleció en 1116, dejando un legado como un modelo de liderazgo pastoral y un defensor incansable de la verdad y la justicia. Su vida nos recuerda la importancia de actuar con valentía y defender los principios del Evangelio, incluso en circunstancias difíciles.
San Juan Stone
San Juan Stone fue un monje agustino inglés que vivió en el siglo XVI, durante el reinado de Enrique VIII, una época de profundas divisiones religiosas en Inglaterra. Como muchos religiosos de su tiempo, Juan se enfrentó al dilema de aceptar o rechazar la autoridad del rey como cabeza de la Iglesia en Inglaterra, una decisión que definiría su destino.
San Juan Stone eligió mantenerse fiel a la autoridad del Papa y a la Iglesia Católica, negándose a reconocer la supremacía religiosa del monarca. Por esta postura, fue arrestado y condenado a muerte. Enfrentó su martirio con valentía, siendo ejecutado en 1539 en Canterbury. Sus últimas palabras reflejaron su confianza en Dios y su amor por la fe que defendió hasta el final.
Canonizado en 1970 como uno de los Cuarenta Mártires de Inglaterra y Gales, San Juan Stone nos inspira con su ejemplo de valentía y lealtad a la Iglesia, recordándonos que la fidelidad a nuestros principios y creencias a menudo requiere sacrificio.
Otros santos que se celebran el 23 de diciembre
Junto a los mencionados en este día se celebra también a estos otro santos:
- Santos Teódulo, Saturnino, Euporio, Gelasio, Euniciano, Zótico, Poncio, Agatopio, Basílides y Evaristo de Gortina, mártires (250).
- San Sérvulo de Roma (c. 590).
- Beato Hartman de Brixen, obispo (1164).
- San Thorlaco de Skalholt, obispo (1193).
- Beato Nicolás Factor, presbítero (1583).
- Santa María Margarita d’Youville, religiosa (1771).
- Beato Antonio de Santa Ana Galvao de França, presbítero (1822).
- San José Cho Yun-ho, mártir (1866).
- Beato Pablo Meléndez Gonzalo, mártir (1936).
¿Qué santos se celebran hoy, lunes 23 de diciembre de 2024? La Iglesia Católica celebra cada día del año la memoria de hombres y mujeres que, con su fe y entrega, dejaron un legado espiritual que trasciende las épocas. Este 23 de diciembre, se honra a tres grandes figuras cuya vida y misión se desarrollaron … Continuar leyendo «¿Qué santos se celebran hoy, lunes 23 de diciembre de 2024?» ¿Qué santos se celebran hoy, lunes 23 de diciembre de 2024?
Cerrar sesión
`);
let isIExplore = (/MSIE (d+.d+);/.test(navigator.userAgent) || !!navigator.userAgent.match(/Trident.*rv:11./) || navigator.userAgent.indexOf(‘Edge’) !== -1);
if (isIExplore)
$(‘.nav-socios-menu’).css(‘margin-top’, ‘0px’);
function goToChangePasswordModal()
window.location.href=»#changeModal»;
function activeChangePasswordForm()
printChangePasswordForm();
$(‘#okChangePasswordBtn’).on(‘click’, function (event)
event.preventDefault();
$(‘.ok-form-success, .ok-form-email-error, .ok-form-password-error’).addClass(‘hidden’);
let baseUrl = window.location.protocol + ‘//’ + window.location.hostname + ‘/socios/client-password’;
let email = $(‘#okChangePasswordform’).serializeArray()[0].value;
let password = $(‘#okChangePasswordform’).serializeArray()[1].value;
let repeatPassword = $(‘#okChangePasswordform’).serializeArray()[2].value;
if(validateEmail(email))
if(validatePassword(password, repeatPassword))
$.post(baseUrl, $(‘#okChangePasswordform’).serialize()).done(function (data)
$(‘.ok-form-success’).removeClass(‘hidden’);
).fail(function(data)
$(‘.ok-form-success’).removeClass(‘hidden’);
);
else
$(‘.ok-form-password-error’).removeClass(‘hidden’);
else
$(‘.ok-form-email-error’).removeClass(‘hidden’);
);
function printChangePasswordForm()
let changePasswordForm = ‘
‘
‘Xn’ +
‘
Cambiar password en el portal
n’ +
‘ n’ +
‘
‘
Nueva contraseña establecida
n’ +
‘
Formato de correo electrónico incorrecto
n’ +
‘
Las contraseñas deben ser iguales y contener un mínimo de 8 caracteres
n’ +
‘n’ +
‘
n’ +
‘
n’ +
‘
‘;
if($(«#changePasswordModal»).length == 0)
$( «body» ).append(changePasswordForm);
function activeLoginForm()
if ($(«.socios-link»).length)
$(‘.nav-socios-menu, .nav-socios-menu-content’).addClass(‘hidden’);
$(‘.socios-link’).on(‘click’, function (event)
event.preventDefault();
createLoginForm();
createRecoveryForm();
$(‘.ok-form-success’).addClass(‘hidden’);
goToLoginModal();
$(«#email»).focus();
$(‘#closeLoginFormLink’).on(‘click’, function(event)
event.stopPropagation();
var divLoginModal = document.getElementById(‘loginModal’);
divLoginModal.parentNode.removeChild(divLoginModal);
var divRecoveryModal = document.getElementById(‘recoveryModal’);
divRecoveryModal.parentNode.removeChild(divRecoveryModal);
);
$(‘#closeRecoveryFormLink’).on(‘click’, function(event)
event.stopPropagation();
var divLoginModal = document.getElementById(‘loginModal’);
divLoginModal.parentNode.removeChild(divLoginModal);
var divRecoveryModal = document.getElementById(‘recoveryModal’);
divRecoveryModal.parentNode.removeChild(divRecoveryModal);
);
);
function createLoginForm()
printLoginForm();
initRememberMe();
$(‘.ok-form-error ‘).addClass(‘hidden’);
$(‘#okLoginBtn’).on(‘click’, function (event)
event.stopPropagation();
event.preventDefault();
$(‘.ok-form-error ‘).addClass(‘hidden’);
$(‘.loginLoader’).removeClass(‘hidden’);
let baseUrl = window.location.protocol + ‘//’ + window.location.hostname + ‘/socios/client-login’;
$.post(baseUrl, $(‘#okLoginForm’).serialize()).done(function( data ) ).fail(function(data)
$(‘.loginLoader’).addClass(‘hidden’);
$(‘.ok-form-error ‘).removeClass(‘hidden’);
);
);
function createRecoveryForm()
printRecoveryForm();
$(‘#okRecoveryBtn’).on(‘click’, function (event)
event.stopPropagation();
event.preventDefault();
$(‘.ok-form-success, .ok-form-error’).addClass(‘hidden’);
let baseUrl = window.location.protocol + ‘//’ + window.location.hostname + ‘/socios/client-recovery’;
let email = $(‘#okRecoveryForm’).serializeArray()[0].value;
if(validateEmail(email))
$.post(baseUrl, $(‘#okRecoveryForm’).serialize()).done(function (data)
$(‘.ok-form-success’).removeClass(‘hidden’);
).fail(function(data)
$(‘.ok-form-success’).removeClass(‘hidden’);
);
else
$(‘.ok-form-error-recovery’).removeClass(‘hidden’);
);
function validateEmail(email)
const re = /^(([^<>()[]\.,;:s@»]+(.[^<>()[]\.,;:s@»]+)*)
function validatePassword(password, repeatPassword)
if (password === repeatPassword && password.length >= 8)
return true;
else
return false;
function goToLoginModal() cookieSocios === »)
window.location.href = ‘#loginModal’;
function printLoginForm()
let loginForm = ‘
‘
‘Xn’ +
‘
Iniciar sesión en el portal
n’ +
‘ n’ +
‘
‘
Usuario o contraseña incorrectos
n’ +
‘n’ +
‘
n’ +
‘
n’ +
‘
‘;
if($(«#loginModal»).length == 0)
$( «body» ).append(loginForm);
function goToRecoveryModal()
window.location.href = ‘#recoveryModal’;
function printRecoveryForm()
let recoveryForm = ‘
‘
‘Xn’ +
‘
Recuperar contraseña
n’ +
‘ n’ +
‘
‘
Correo electrónico de recuperación enviado
n’ +
‘
Formato de correo electrónico incorrecto
n’ +
‘n’ +
‘
n’ +
‘
n’ +
‘
‘;
if($(«#recoveryModal»).length == 0)
$( «body» ).append(recoveryForm);
function setRememberMe()
if ($(‘#rememberme’).is(‘:checked’))
localStorage.okusername = $(‘#email’).val();
localStorage.okpass = $(‘#password’).val();
localStorage.okchkbox = $(‘#rememberme’).val();
else
localStorage.okusername = »;
localStorage.okpass = »;
localStorage.okchkbox = »;
function initRememberMe()
if (localStorage.okchkbox && localStorage.okchkbox != »)
$(‘#rememberme’).attr(‘checked’, ‘checked’);
$(‘#email’).val(localStorage.okusername);
$(‘#password’).val(localStorage.okpass);
else
$(‘#rememberme’).removeAttr(‘checked’);
$(‘#email’).val(»);
$(‘#password’).val(»);
function showSociosButtons()
fixIosSocios();
$(‘.socios-okclub’).removeClass(‘hidden’);
function fixIosSocios()
let isIos = /iPad
function sociosPubliHome()
//Buscamos la etiqueta body y añadimos la clase socios para ajustes de estilos
document.body.classList.add(‘socios’);
if(screen.width > 767)
//Modificamos imagen de publicidad del MPUVideo1 si existe
if($(‘#mpu-video1’).length)
var imgSociosMpuVideo1 = document.createElement(«IMG»);
imgSociosMpuVideo1.setAttribute(«src», «/web/themes/v10/socios/_img/socios_300X250.jpg»);
document.querySelector(«#mpu-video1»).appendChild(imgSociosMpuVideo1);
//Obtenemos los items de publicidad.
var divsPublicidad = document.querySelectorAll(‘.publicidad’);
divsPublicidad.forEach(function(el)
//Crear variables con las imagenes de 300×600 y 300×250.
var imgSocios300x250 = document.createElement(«IMG»);
var imgSocios300x600 = document.createElement(«IMG»);
imgSocios300x250.setAttribute(«src», «/web/themes/v10/socios/_img/socios_300X250.jpg»);
imgSocios300x600.setAttribute(«src», «/web/themes/v10/socios/_img/socios_300x600.jpg»);
imgSocios300x250.setAttribute(«style», «margin: auto; display: flex; justify-content: center; align-items: center;»);
imgSocios300x600.setAttribute(«style», «margin: auto; display: flex; justify-content: center; align-items: center;»);
//Añadimos las imágenes a los huecos publicitarios de la portada.
if(el.className.includes(‘300×250’) != false)
var itemPubli = el.firstElementChild;
itemPubli.innerHTML = »;
itemPubli.appendChild(imgSocios300x250);
else if(el.className.includes(‘300×600’) != false)
var itemPubli = el.firstElementChild;
itemPubli.innerHTML = »;
itemPubli.appendChild(imgSocios300x600);
);
/*Cargar publi de socios en portada, deportes y economía – END*/
function posicionate ()
var article = sessionStorage.getItem(«article»);
if (article)
var coord = $(‘article[data-id=»‘+article+'»]’).offset();
if(typeof coord === «undefined») return;
var total = parseInt(coord.top) – parseInt($(‘.mega’).height());
window.scrollTo(0, total);
function saveArticle (article)
var dataId = $(article).attr(‘data-id’);
sessionStorage.setItem(«article», dataId);
function goLink(link)
window.location.href = link;
return false;
// Navegacion de los blogs
function navigateBlogs(category)
$(‘.category-ul’).addClass(‘category-hidden’);
$(‘#images-‘+category).removeClass(‘category-hidden’);
//Animación de todos los valores
function tickerAnimationEconomicAll()
var tickerContainer = $(‘.prices-data-container.economic-all’)
var tickerList = $(‘.economic-all .prices-data-list’);
var tickerItem = $(‘.economic-all .price-data-wrapper’);
//Si el primer elemento del carrusel, está fuera de la vista
if ((tickerItem.eq(0).offset().left + tickerItem.eq(0).width())
< tickerContainer.offset().left)
//se clona
var tickerElement = tickerItem.eq(0).clone();
//se añade al final de la lista (carrusel)
tickerElement.appendTo(tickerList);
//Se elimina del DOM el objeto original
tickerItem.eq(0).remove();
//Movemos el carrusel hacía la izquierda restandole la anchura el elemento sin el padding
window.tickerLeftEconomicAll -= 1 – (tickerElement != null ? tickerElement.width() + 26: 0 );
tickerList.css(‘left’, window.tickerLeftEconomicAll);
// Coger los valores económicos de nuestro fichero json y mostrar los datos
// en el widget
function updateTickerData()
var jsonPath = ‘/economic-values/economic-values.json’;
$.ajax(
url: jsonPath,
cache: false,
dataType: ‘json’,
success: function(res)
if (res)
var tickerItem = $(‘.price-data-wrapper’);
var percentageChange = $(‘.percentage-change’);
var changeDirection = $(‘.change-direction’);
for (var i = 0; i < tickerItem.length ; i++)
changeHtml(res, i, tickerItem, percentageChange, changeDirection);
);
// Cambiar los datos del ticker por los datos actualizados
function changeHtml(res, i, tickerItem, percentageChange, changeDirection)
for (var j = 0; j < res.tickers.length; j++)
if (tickerItem[i].getAttribute(‘data-pid’) == res.tickers[j].pid)
percentageChange.eq(i).text(res.tickers[j].pcp);
//Negativo
if (res.tickers[j].pcp.substring(0, 1) == ‘-‘)
changeDirection.eq(i).html(»);
percentageChange.eq(i).addClass(«percentage-change-red»);
percentageChange.eq(i).removeClass(«percentage-change-green»);
//Positivo
else if (res.tickers[j].pcp.substring(0, 1) == ‘+’)
changeDirection.eq(i).html(»);
percentageChange.eq(i).addClass(«percentage-change-green»);
percentageChange.eq(i).removeClass(«percentage-change-red»);
function hideFeaturedMenu()
$(‘.okdiario-destacados-dropdown-container’).slideUp(«normal»);
$(«.okdiario-destacados-dropdown-container, .okdiario-destacados-dropdown-top-title»).removeClass(«activa»);
//$(document).click(function ());
function showFeaturedMenu()
$(‘.okdiario-destacados-dropdown-container’).slideDown(«normal»);
$(«.okdiario-destacados-dropdown-container, .okdiario-destacados-dropdown-top-title»).addClass(«activa»);
//al pulsar fuera del menú, ocultarlo
$(document).on(«click touchend touch», function (event)
event.stopPropagation();
// Si se ha pulsado en el boton de desplegar/ocultar el menu, entonces no se oculta
// ya que se encargara el evento de la funcion featuredMenu().
if (!$(event.target).closest(«.okdiario-destacados-dropdown-top-title»).length &&
$(‘.okdiario-destacados-dropdown-container’).hasClass(«activa»))
hideFeaturedMenu();
);
/*Menú de destacados, mostrar más elementos al hacer clic*/
function featuredMenu()
$(«.okdiario-destacados-dropdown-top-title»).on(‘click’, function(event)
event.stopPropagation();
// Si esta escondido el menu.
if(!$(‘.okdiario-destacados-dropdown-container’).hasClass(«activa»))
// Mostrar
showFeaturedMenu()
else
hideFeaturedMenu()
);
//Añado el evento onclik para todo el LI
$(«.okdiario-destacados-dropdown > li»).on(«click», function (event)
event.stopPropagation();
window.location = $(this).find(«a»).first().attr(«href»);
return false;
);
//Elementos del menú destacados
var options = $(«.okdiario-destacados-container li»).get().reverse();
if(options.length > 0)
$(options).each(
function (index, element)
//Si están ocultos (overflow)…
if (index < options.length – 1
);
//Si no hay destacados, oculto el container de la lista
if ($(‘.okdiario-destacados-container li’).length == 0)
$(‘.okdiario-destacados-container’).hide();
//Si no hay destacados en ningún sitio oculto el título.
if ($(‘.okdiario-destacados-container li’).length == 0 && $(‘.okdiario-destacados-dropdown-container li’).length == 0)
$(‘.okdiario-destacados-title’).hide();
function initMenu()
/* MENU DESPLEGABLE, EN TODAS LAS PAGINAS */
$(«#sectionMenu»).on(‘click’, function(event)
event.stopPropagation();
if($(‘.okdiario-cabecera’).css(‘z-index’) == 100000 &&
!($(‘.okdiario-cabecera’).hasClass(‘okdiario-cabecera-scrolled’)))
$(‘.okdiario-cabecera’).css(‘z-index’, 99998);
else
$(‘.okdiario-cabecera’).css(‘z-index’, 100000);
//$(«.all»).toggleClass(«active»);
$(«.okd-cabecera-inferior-izquierda-nav-menu»).toggleClass(«active»);
$(«.okd-cabecera-inferior-izquierda-nav-search»).removeClass(«active»);
//$(«.okd-cabecera-inferior-izquierda-search-form»).removeClass(«active»);
$(‘.burger-box’).toggleClass(‘open’);
if ($(«.burger-box»).hasClass(«open»))
$(«aside.share»).removeClass(‘share-fixed’);
else
$(«aside.share»).addClass(‘share-fixed’);
if ($(window).width() < 767 && $(«.okd-cabecera-inferior-izquierda-nav-menu»).hasClass(«active») &&
!($(«.menu-auxiliar-scrolled»).hasClass(«active»)))
$(«.navTop»).addClass(«ajusteMobile»);
$(«.ajusteMobile»).css(«position», «fixed»);
$(«.ajusteMobile»).css(«top», 0);
else
$(«.ajusteMobile»).css(«position», «absolute»);
$(«.ajusteMobile»).css(«top», «auto»);
);
itemMenuTransition();
searchButton();
function itemMenuTransition()
$(«.okd-cabecera-inferior-izquierda-nav-menu-auxiliar»).on(‘click’, function(event)
event.stopPropagation();
);
$(‘.okd-cabecera-inferior-izquierda-nav-menu-auxiliar > ul > li:has(ul)’).addClass(‘desplegable’);
$(‘.okd-cabecera-inferior-izquierda-nav-menu-auxiliar > ul > li > ul > li:has(ul)’).addClass(‘desplegable-sub’);
$(‘.okd-cabecera-inferior-izquierda-nav-menu-auxiliar > ul > li.desplegable > a,.okd-cabecera-inferior-izquierda-nav-menu-auxiliar > ul > li.desplegable > span’).after(»);
$(‘.desplegable-sub > a’).after(»);
$(‘.desplegable-sub i’).on(‘click’, function(event)
event.stopPropagation();
if($(this).parent().find(‘ul’).length >0)
var comprobar = $(this).next();
$(‘.menu-item-object-custom li’).removeClass(‘activa’);
$(this).closest(‘li’).addClass(‘activa’);
if((comprobar.is(‘ul’)) && (comprobar.is(‘:visible’)))
$(this).closest(‘li’).removeClass(‘activa’);
comprobar.slideUp(‘normal’);
if((comprobar.is(‘ul’)) && (!comprobar.is(‘:visible’)))
$(‘.menu-item-object-custom ul ul:visible’).slideUp(‘normal’);
comprobar.slideDown(‘normal’);
);
$(‘.okd-cabecera-inferior-izquierda-nav-menu-auxiliar > ul > li.desplegable i’).not(‘.desplegable-sub i’).on(‘click’, function(event)
event.stopPropagation();
if($(this).parent().find(‘ul’).length >0)
var comprobar = $(this).next();
$(‘.okd-cabecera-inferior-izquierda-nav-menu-auxiliar li’).not(‘li.desplegable-sub’).removeClass(‘activa’);
$(this).closest(‘li’).addClass(‘activa’);
if((comprobar.is(‘ul’)) && (comprobar.is(‘:visible’)))
$(this).closest(‘li’).closest(‘li’).removeClass(‘activa’);
comprobar.slideUp(‘normal’);
if((comprobar.is(‘ul’)) && (!comprobar.is(‘:visible’)))
$(‘.okd-cabecera-inferior-izquierda-nav-menu-auxiliar ul ul:visible’).slideUp(‘normal’);
comprobar.slideDown(‘normal’);
);
function searchButton()
/*EN LA CABECERA, TODAS LAS PAGINAS*/
$(«.okd-cabecera-inferior-izquierda-search-icon»).on(‘click’, function(event)
event.stopPropagation();
$(«.okd-cabecera-inferior-izquierda-nav-search»).toggleClass(«active»);
//$(«.okd-cabecera-inferior-izquierda-search-form»).toggleClass(«active»);
if ($(«.okd-cabecera-inferior-izquierda-nav-menu»).hasClass(«active»))
$(«.all»).removeClass(«active»);
$(«.okd-cabecera-inferior-izquierda-nav-menu»).toggleClass(«active»);
$(«.okd-cabecera-inferior-izquierda-nav-menu»).removeClass(«active2»);
$(‘.burger-box’).removeClass(‘open’);
);
/**
* itera las porpiedades css de offsetArray para obtener los estilos computados como enteros.
* @param array offsetArray
* @param HTMLObjectElement element
* @returns Int newOffset
*/
function loopOffsets(offsetArray, element)
// declaramos variable delimitada
let newOffset = 0;
// computed style element
let cse = window.getComputedStyle(element);
// iteramos el array con propiedades css que se pasa como parámetro
offsetArray.forEach((item, index) =>
// comprobamos que haya estilo computado
if («» != cse.getPropertyValue(item) && «undefined» != cse.getPropertyValue(item))
// sacamos el entero y lo sumamos
newOffset += parseInt(cse.getPropertyValue(item));
// comprobamos que haya estilo en el nodo, por si se le ha asignado dirante la carga
if(«» != element.style.getPropertyValue(item) && «undefined» != element.style.getPropertyValue(item))
// sacamos el entero y lo sumamos
newOffset += parseInt(element.style.getPropertyValue(item));
);
return newOffset;
/**
* Itera los hijos del header y obtiene sus alturas, bordes y márgenes para sacar mas limpiamente el sticky-top
* @param HTMLObjectElement element
* @param Integer offset
* @returns Integer offset
*/
function getOffsets(element, offset)
// declaramos un array con las propiedades
// de las que queremos obtener valor entero
let offsetArray = [
«borderTop»,
«borderBottom»,
«marginTop»,
«marginBottom»,
];
// computed style header
let csh = window.getComputedStyle(element);
// Primero sumamos la altura y los offsets del header
offset += parseInt(csh.height);
offset += loopOffsets(offsetArray, element);
// iteramos con for porque es una colección
for (let ele of element.children)
// sacamos offsets a cada elemento y
offset += loopOffsets(offsetArray, ele);
// loopeamos sticky-container para sacar la altura de cabecera-superior
// que es el que se tiene que dejar ver
// nos metemos en sticky-container para manejar las excepciones de desktop y mobile
if (ele.classList.contains(«okd-cabecera-sticky-container»))
for (let e of ele.children)
// le añadimos sus offsets
offset += loopOffsets(offsetArray, e);
// Comprobamos que estamos en cabecera-superior
// para poder dejar a la vista esa franja
if (e.classList.contains(‘okd-cabecera-superior’))
let cssc = window.getComputedStyle(e);
// le quitamos la altura de cabecera-superior
offset -= parseInt(cssc.height) + loopOffsets(offsetArray, e);
else if (window.innerWidth < 767)
// Comprobamos que estamos en móviles
// para poder mostrar una franja del tamaño del logo
if (e.classList.contains(‘okd-cabecera-inferior’) && !e.classList.contains(‘ante’))
let cssc = window.getComputedStyle(e);
// le quitamos la altura de cabecera-inferior
offset -= parseInt(cssc.height) + loopOffsets(offsetArray, e);
return offset;
// Sticky Logo
function headerStickyTop()
var header = document.getElementById(«okd-cabecera»);
let sumOffsets = getOffsets(header, 0);
header.style.top = «-» + sumOffsets + «px»;
function removeCabeceraInferiorAnte()
let menuAnteDesktop = document.querySelector(‘#okd-cabecera .okd-cabecera-inferior.ante.desktop’);
let menuAnteMobile = document.querySelector(‘#okd-cabecera .okd-cabecera-inferior.ante.mobile’);
if (window.matchMedia(‘(max-width: 766px)’).matches)
let menuAnteContent = menuAnteDesktop.innerHTML;
menuAnteDesktop.remove();
menuAnteMobile.innerHTML = menuAnteContent;
else
menuAnteMobile.remove();
function stickyLogo()
function logoScrolled(superiorCentroInner, logoLink)
superiorCentroInner.innerHTML = »;
superiorCentroInner.appendChild(logoLink);
function logoTop(superiorCentroInner)
superiorCentroInner.innerHTML = ‘El sitio de los inconformistas’;
if (document.body.classList.contains(‘baleares’))
superiorCentroInner.innerHTML = ‘Las noticias que los demás no le contarán’;
function tickLogoColor(bodyClassList)
var tickFile = ‘tick-okd.svg’;
let clases =
‘con_tick’ :[
‘economia’,
‘deportes’,
‘investigacion’,
‘opinion’,
‘look’,
‘trailer’,
‘sociedad’,
‘category-video’,
‘eurocopa’,
‘andalucia’,
‘okclub’,
‘juegos-olimpicos’,
‘igualdad-deporte’,
‘recetas’,
‘mundial’,
‘loteria-navidad’
],
‘sin_tick’ :[
‘category-corazon’,
‘category-fichajes’,
‘category-tv’,
‘tv’,
‘happyfm’,
‘salud’,
‘okclub’,
‘okgreen’,
‘aragon’
]
;
try
for(classArray in clases)
if (‘con_tick’ === classArray)
let conTick = clases[classArray];
for(clase in conTick)
if(bodyClassList.contains(conTick[clase])) bodyClassList.contains(«single»)))
tickFile = ‘tick-okd-video.svg’;
else if (‘sin_tick’ === classArray)
let sinTick = clases[classArray];
for(clase in sinTick)
if(bodyClassList.contains(sinTick[clase]))
tickFile = »;
catch (error)
console.error(‘Error cargando el logo scrolled ‘, error);
return tickFile;
// Sticky buttons
function stickyButtons()
var superiorDerecha = document.querySelector(‘.okd-cabecera-superior-derecha’);
var sociosOkClub = document.querySelector(‘.socios-okclub’);
var fecha = document.querySelector(‘.okd-cabecera-superior-derecha-fecha’);
var actualizacion = document.querySelector(‘.okd-cabecera-superior-derecha-actualizacion’);
var fechaClone = fecha.cloneNode(true);
var actualizacionClone = actualizacion.cloneNode(true);
var socios = document.querySelector(‘.alta’);
var donacion = document.querySelector(‘.apoyanos’);
if(null != socios && null != donacion)
var sociosClone = socios.cloneNode(true);
var donacionClone = donacion.cloneNode(true);
let nightMode = document.getElementById(‘night-mode’);
document.addEventListener(‘scroll’, function(e)
var buttonsBottom = sociosOkClub.getBoundingClientRect().bottom;
bottomValue = -35;
if(bottomValue == buttonsBottom)
buttonsScrolled(superiorDerecha, sociosOkClub, sociosClone, donacionClone, fecha, actualizacion);
else if (bottomValue < buttonsBottom)
buttonsTop(superiorDerecha, sociosOkClub, sociosClone, donacionClone, fechaClone, actualizacionClone)
);
function buttonsScrolled(superiorDerecha, sociosOkClub, sociosClone, donacionClone, fecha, actualizacion)
for(item of superiorDerecha.childNodes)
if(undefined !== item.classList) hasActualizacion)
item.remove();
superiorDerecha.prepend(sociosClone);
superiorDerecha.prepend(donacionClone);
function buttonsTop(superiorDerecha, sociosOkClub, sociosClone, donacionClone, fechaClone, actualizacionClone)
var canPrepend = false;
for(item of superiorDerecha.childNodes)
if(undefined !== item.classList)
if(canPrepend)
superiorDerecha.prepend(actualizacionClone);
superiorDerecha.prepend(fechaClone);
// Botones sesión en móvil
function botonesSesionEnMovil(cookieSocios)
var altaOkClub = document.querySelector(‘.socios-okclub a.alta’);
if (null != altaOkClub) » === cookieSocios)
okClubMovilContainer.append(altaOkClub);
okClubMovilContainer.append(inicioSesion);
document.getElementById(‘contentHome’).prepend(okClubMovilContainer)
if(screen.width > 767 && !document.querySelector(‘body’).classList.contains(‘okmotor’) && !document.querySelector(‘body’).classList.contains(‘okgreen’))
stickyLogo();
stickyButtons();
function showImages()
$(‘body:not(.home, .page.economia, .page.deportes) article’).find(‘img’).each(function()
var imageSrc = «data-mobile»;
if ($(window).width() > 767)
imageSrc = «data-desktop»;
if (this.getAttribute(imageSrc))
this.setAttribute(‘src’, this.getAttribute(imageSrc));
);
function scrollToTop ()
var settings =
min: 200,
inDelay: 600,
outDelay: 400,
containerID: ‘toTop’,
scrollSpeed: 500,
;
var isHidden = true;
var toTop = $(‘#’ + settings.containerID);
var scrollPos = 0;
toTop.on(‘click’, function(e)
e.preventDefault();
$(‘html, body’).animate( scrollTop : 0, settings.scrollSpeed );
);
$(window).scroll(function()
var height = $(this).scrollTop();
if($(window).scrollTop() + $(window).height() == $(document).height())
toTop.css(«opacity», «1»);
isHidden = false;
else
if(height > scrollPos) //scroll down
toTop.css(«opacity», «0»);
isHidden = true;
else //scroll up
if (height > settings.min && isHidden)
toTop.css(«opacity», «1»);
isHidden = false;
else if(height <= settings.min && ! isHidden)
toTop.css(«opacity», «0»);
isHidden = true;
scrollPos = height;
);
;
function scrollToComments()
$(‘.button_go_comment’).on(‘click’, function(e)
e.preventDefault();
$(‘html, body’).animate( scrollTop: $(‘#comments’).offset().top-200 , 600);
);
function stickyRightBanner(id) !!navigator.userAgent.match(/Trident.*rv:11./));
if (windowWidth > 1024 && $(‘.aux-col’).length && isIExplore)
$(window).scroll(function ()
let banner = $(«#» + id);
let container = $(«#» + id).parent();
let bannerBottom = (banner.offset().top + banner.height());
let containerBottom = (container.offset().top + container.height());
if (banner.height() < 252 && banner.height())
let isInContainerBottom = (bannerBottom >= containerBottom – 40);
let isInContainerTop = (banner.offset().top >= container.offset().top – 40);
//Cabecera
let okdiarioCabeceraTop = $(«#okd-cabecera»).offset().top;
let okdiarioCabeceraBottom = okdiarioCabeceraTop + $(«#okd-cabecera»).height();
if (okdiarioCabeceraBottom >= container.offset().top – 20 && okdiarioCabeceraTop < containerBottom)
banner.css(«position», «fixed»);
banner.css(«top», «31px»);
banner.css(«padding-top»,»20px»);
if (isInContainerBottom)
banner.css(«position», «absolute»);
banner.css(«top», «325px»);
// Si la cabecera deja de estar sobre el right sticky se hace sticky
if (okdiarioCabeceraBottom < banner.offset().top – 20 && okdiarioCabeceraBottom > container.offset().top && banner.css(«position») == «absolute»)
banner.css(«position», «fixed»);
banner.css(«top», «31px»);
banner.css(«padding-top»,»20px»);
//Si llega al top del container
if (okdiarioCabeceraBottom < container.offset().top )
banner.css(«position», «absolute»);
banner.css(«top», «0px»);
else
banner.css(«position», «absolute»);
banner.css(«top», «0px»);
);
/**
Provoca el efecto sticky en los Banners
banner_id: id del div del banner
ad_block_index: índice del bloque
*/
function sticky_banners(banner_id, ad_block_index, post_id)
post_id = post_id
// Submenús de cabecerapara elecciones Madrid 2021
// Queda debajo de cabeceras
function cabeceraMadrid2021()
$(«#menu-elecciones-madrid-2021 ul.submenu»).parent(‘li’).on(‘click’, function()
try
// Hecmos el toggle a mano porque los efectos interfieren con el layout
if ($(this).children(«.submenu»).hasClass(«active»))
$(this).children(«.submenu»).removeClass(«active»);
else
$(this).children(«.submenu»).addClass(«active»);
catch(e)
console.error(«Error en el menú de Elecciones Madrid 2021», e);
);
cabeceraMadrid2021();
function checkBodyClass(body_class)
return document.querySelector(‘body’).classList.contains(body_class);
/*Muestra la publicidad en las noticias*/
function showAdSingle() $(‘body’).hasClass(‘comprobar-pedrea-loteria-navidad’)) && $(‘.content-video’).length < 1 && hasNotNoIntextTag)
if (maxWidth1023.matches)
//Para pantallas < 1024
if ($(‘body’).hasClass(‘recetas’)) //Si recetas
//Banner publi right1 mobile
$(‘.entry-content p’).first().after($(‘#adAfterP1’));
//Banner publi Intext1
if (1 > no_intexts_bc && intextActive)
$(‘.entry-content h3:eq(1)’).before($(‘
‘));
//Banner publi Right2
if ($(‘.entry-content h3:eq(2)’).length) //Según cómo maqueten los títulos
$(‘.entry-content h3:eq(2)’).before($(‘#adAfterP2’));
if ($(‘.entry-content p>span.title2:eq(2)’).length) //Según cómo maqueten los títulos
$(‘.entry-content p>span.title2:eq(2)’).parent().before($(‘#adAfterP2’));
//Banner publi Intext2
if (1 > no_intexts_bc)
$(‘.entry-content’).append($(»));
//Banner publi Right3
$(‘.entry-content’).append($(‘#adAfterLastP’));
else if ($(‘.okdiario-directo’).length) //Si directo
//Banner publi right1 mobile
$(‘.entry-content span.comment-text’).first().after($(‘#adAfterP1’));
//Banner publi Right2
if ($(‘.entry-content span.comment-text’).length > 2)
//Banner publi right2 mobile
$(‘.entry-content span.comment-text:eq(2)’).after($(‘#adAfterP2’));
//Banner publi right3 mobile
if ($(‘.entry-content span.comment-text’).length > 4)
$(‘.entry-content span.comment-text:eq(4)’).after($(‘#adAfterLastP’));
else
//Banner publi right2 mobile
$(‘.entry-content’).append($(‘#adAfterP2’));
else if ($(‘.gallery-image-container’).length) //Si tiene galería
//Banner publi intext1 mobile
if (1 > no_intexts_bc && intextActive)
$(‘.entry-content p’).first().after($(‘
‘));
//Banner publi right1 mobile
$(‘.entry-content p’).first().after($(‘#adAfterP1’));
//rigth2 debajo de la primera foto
$(‘.gallery-image-container > figcaption’).first().after($(‘#adAfterP2’));
//rigth3 al final del post antes de taboola
$(‘#galleryRight3Container’).html($(‘#adAfterLastP’));
// if ($(‘.entry-content p’).length > 2 && 1 > no_intexts_bc) //El resto intext igual que están en el single standar
// //Banner publi intext2 mobile
// $(‘.entry-content p:eq(2)’).after($(»));
//
// else
//Banner publi intext2 mobile
// if (1 > no_intexts_bc)
// $(‘.entry-content’).append($(»));
//
//
else if ($(‘.comprobador-loteria-navidad’).length)
// Si loteria navidad
$(‘.comprobador-loteria-navidad .content p’).text().trim();
$(‘.entry-content p:empty(), .comprobador-loteria-navidad .content p:empty()’).remove();
/* No cargamos intexts en post de endesa */
// Banner publi intext1 mobile
if (1 > no_intexts_bc && intextActive)
if ($(‘.comprobador-loteria-navidad .content p’).length < 2)
$(‘.entry-content p’).first().before($(‘
‘));
else
$(‘.entry-content p’).first().after($(‘
‘));
// Banner publi right1 mobile
$(‘.comprobador-loteria-navidad .content p’).first().before($(‘#adAfterP1’));
if ($(‘.comprobador-loteria-navidad .content p’).length > 2)
// Banner publi right2 mobile después del segundo párrafo
$(‘.entry-content p:eq(2), .comprobador-loteria-navidad .content p:eq(2)’).after($(‘#adAfterP2’));
// Banner publi right3 mobile
if ($(‘.comprobador-loteria-navidad .content p’).length > 3)
// Si tiene mas de 3 parrafos
$(‘.comprobador-loteria-navidad .content p:eq(3)’).last().after($(‘#adAfterLastP’));
else
// Si tiene 3 parrafos o menos
$(‘.comprobador-loteria-navidad .content p’).last().after($(‘#adAfterLastP’));
else //Si no recetas, ni directo, ni tiene galeria
$(‘.entry-content p, .comprobador-loteria-navidad .content p’).text().trim();
$(‘.entry-content p:empty(), .comprobador-loteria-navidad .content p:empty()’).remove();
/*No cargamos intexts en post de endesa*/
//Banner publi intext1 mobile
if (1 > no_intexts_bc && intextActive)
if ($(‘.entry-content p, .comprobador-loteria-navidad .content p’).length < 2)
$(‘.entry-content p’).first().before($(‘
‘));
else
$(‘.entry-content p’).first().after($(‘
‘));
//Banner publi right1 mobile
$(‘.entry-content p, .comprobador-loteria-navidad .content p’).first().after($(‘#adAfterP1’));
if ($(‘.entry-content p, .comprobador-loteria-navidad .content p’).length > 2)
//Si tiene mas de 2 parrafos
//Banner publi intext2 mobile
// if (1 > no_intexts_bc)
// $(‘.entry-content p:eq(2)’).after($(»));
//
//Banner publi right2 mobile después del segundo párrafo
$(‘.entry-content p:eq(2), .comprobador-loteria-navidad .content p:eq(2)’).after($(‘#adAfterP2’));
//Banner publi right3 mobile
if ($(‘.entry-content p, .comprobador-loteria-navidad .content p’).length > 3) //Si tiene mas de 3 parrafos
$(‘.entry-content p:not(:empty()), .comprobador-loteria-navidad .content p:not(:empty())’).last().before($(‘#adAfterLastP’));
else //Si tiene 3 parrafos o menos
$(‘.entry-content p, .comprobador-loteria-navidad .content p’).last().after($(‘#adAfterLastP’));
else
//Si tiene 2 parrafos o menos
//Banner publi intext2 mobile
// if (1 > no_intexts_bc)
// $(‘.entry-content’).append($(»));
//
//Banner publi right2 mobile
// $(‘.entry-content’).append($(‘#adAfterP2’));
//Banner publi right3 mobile
// $(‘.entry-content p’).last().after($(‘#adAfterLastP’));
else //Para pantallas > 1023
if (1 > no_intexts_bc && intextActive)
if ($(‘body’).hasClass(‘recetas’)) //Si recetas
$(‘.entry-content p:eq(0)’).after($(‘
‘));
// $(‘.entry-content h3:eq(1)’).before($(»));
else //Si no recetas
p_twitter_length = $(‘.entry-content .twitter-tweet p’).length;
p_instagram_length = $(‘.entry-content .instagram-media p’).length;
p_post_length = $(‘.entry-content p’).length;
p_post_count = p_post_length – p_twitter_length – p_instagram_length;
if (p_post_count > 2) //Si tiene mas de 2 parrafos
// Banner publi intext1 desktop
if (p_twitter_length > 0
//if ($(‘.entry-content p’).length > 4) //Si tiene mas de 4 parrafos
// Banner publi intext2 desktop
// $(‘.entry-content p:eq(4)’).after($(»));
//
//Publicidad para los articulos de tipo DIRECTO versión mobile
if ($(‘body’).hasClass(‘post-template-directos’) && windowWidth < 768)
//Banner publi right1 mobile
$(‘.okdiario-directo > .comment-text’).first().after($(‘#adAfterP1’));
//Banner publi Right2
$(‘.okdiario-directo > .comment-text:eq(2)’).after($(‘#adAfterP2’));
//Banner publi Right3
if ($(‘.okdiario-directo > .comment-text:eq(5)’).length)
$(‘.okdiario-directo > .comment-text:eq(5)’).after($(‘#adAfterLastP’));
else
$(‘.okdiario-directo > .comment-text’).last().after($(‘#adAfterLastP’));
/* START DIRECTO Y ÚLTIMA HORA
/* Animación tipo slider para los menús */
function startMenuAnimation(name)
if ($(‘#menu-okd-‘ + name + ‘ li’).length > 1)
var menuItems = $(‘#menu-okd-‘ + name + ‘ li’);
var currentIndex = 0;
/* Animación automática */
var menuInterval = setInterval(intervalAnimation, 10000);
function intervalAnimation()
if (currentIndex != menuItems.length – 1)
currentIndex++;
slideFromRight(menuItems, currentIndex – 1, currentIndex);
else
currentIndex = 0;
slideFromRight(menuItems, menuItems.length – 1, currentIndex);
// Listener flecha izquierda
$(‘.flechas-navegacion.’ + name + ‘ i’).eq(0).on(‘click’, function(event)
event.stopPropagation();
clearInterval(menuInterval);
if (currentIndex > 0)
currentIndex–;
slideFromLeft(menuItems, currentIndex + 1, currentIndex);
menuInterval = setInterval(intervalAnimation, 8000);
else
currentIndex = menuItems.length – 1;
slideFromLeft(menuItems, 0, currentIndex);
menuInterval = setInterval(intervalAnimation, 8000);
);
// Listener flecha derecha
$(‘.flechas-navegacion.’ + name + ‘ i’).eq(1).on(‘click’, function(event)
event.stopPropagation();
clearInterval(menuInterval);
if (currentIndex != menuItems.length – 1)
currentIndex++;
slideFromRight(menuItems, currentIndex – 1, currentIndex);
menuInterval = setInterval(intervalAnimation, 8000);
else
currentIndex = 0;
slideFromRight(menuItems, menuItems.length – 1, currentIndex);
menuInterval = setInterval(intervalAnimation, 8000);
);
// Deslizar nuevo elemento desde la derecha
function slideFromRight(menuItems, prevIndex, currentIndex)
menuItems.eq(prevIndex).animate(
left: ‘-120%’
, 2000, function()
menuItems.css(‘left’, ‘120%’);
menuItems.eq(currentIndex).animate(
left: ‘0’
, 2000);
);
//Comportamiento de CatFish
function navigationCatfish()
var OKD_catfish = document.getElementById(«okd-catfish»);
var OKD_btn_CatFish= document.getElementById(«catfish-btn»);
var scroll = 700;
var code_home = ‘
googletag.cmd.push(function() googletag.display(«portada_sticky»); );
‘;
var code_seccion = ‘
googletag.cmd.push(function() googletag.display(«seccion_sticky»); );
‘;
var code_article = ‘
googletag.cmd.push(function() googletag.display(«articulo_sticky»); );
‘;
var adunit = »;
if ($(‘.home’).length)
var scroll = 4500;
//Aplicamos únicamente a dispositivos mobile.
if (screen.width < 450 && «undefinied» != OKD_catfish && null !=OKD_catfish && «undefined» != OKD_catfish && null != OKD_btn_CatFish)
//Cuando se muestra con scroll superior a 1000
if (window.pageYOffset >= scroll)
//Eliminamos las clases catfish-start y hide-catfish
OKD_catfish.classList.remove(‘catfish-start’);
OKD_catfish.classList.remove(‘hide-catfish’);
//En caso de que sea secciones
if($(‘#seccion_sticky’).length < 1) $(‘.page-id-796511’).length
else
//Añadimos hide-catfish para ocultar cuando el scroll sea menor
OKD_catfish.classList.add(‘hide-catfish’);
//Boton de cierre de catfish (Al pulsar añadimos clase close-catfish)
OKD_btn_CatFish.onclick = function closeCatFish()
OKD_catfish.classList.add(‘close-catfish’);
if(!$(‘#native-addthis-fixed’).hasClass(‘active’))
$(‘#native-addthis-fixed’).addClass(‘active’);
/*END COMPORTAMIENTO CATFISH*/
/*COMPORTAMIENTO CATFISH HEAVY USERS – START*/
function navigationCatfishHeavy()
var OKD_catfish_heavy = document.getElementById(«okd-catfish-heavy-users»);
var OKD_btn_CatFish_Heavy= document.getElementById(«catfish-heavy-btn»);
var scroll = 700;
var code_home = ‘
googletag.cmd.push(function() googletag.display(«portada_sticky_brand»); );
‘;
var code_seccion = ‘
googletag.cmd.push(function() googletag.display(«seccion_sticky_brand»); );
‘;
if ($(‘.home’).length)
var scroll = 4500;
//Aplicamos únicamente a dispositivos desktop.
if (screen.width > 1023 && «undefinied» != OKD_catfish_heavy && null !=OKD_catfish_heavy && «undefined» != OKD_catfish_heavy && null != OKD_btn_CatFish_Heavy)
//Cuando se muestra con scroll superior a 1000
if (window.pageYOffset >= scroll)
//Eliminamos las clases catfish-heavy-start y hide-catfish-heavy
OKD_catfish_heavy.classList.remove(‘catfish-heavy-start’);
OKD_catfish_heavy.classList.remove(‘hide-catfish-heavy’);
//En caso de que sea secciones
if($(‘#seccion_sticky_brand’).length < 1)
else
//Añadimos hide-catfish-heavy para ocultar cuando el scroll sea menor
OKD_catfish_heavy.classList.add(‘hide-catfish-heavy’);
//Boton de cierre de catfish heavy user (Al pulsar añadimos clase close-catfish-heavy y reseteamos las cookies)
OKD_btn_CatFish_Heavy.onclick = function closeCatFish()
OKD_catfish_heavy.classList.add(‘close-catfish-heavy’);
if(!$(‘#native-addthis-fixed’).hasClass(‘active’))
$(‘#native-addthis-fixed’).addClass(‘active’);
createHeavyUsersCookie(‘cf1b1868cfdb9e0d1c09624581f9660e’, 30, 3);
createHeavyUsersCookie(‘3c784d68f92c2979f750fc027c395ee8’, 0, 0);
/*COMPORTAMIENTO CATFISH HEAVY USERS – END*/
// Deslizar nuevo elemento desde la izquierda
function slideFromLeft(menuItems, prevIndex, currentIndex)
menuItems.eq(prevIndex).animate(
left: ‘100%’
, 2000, function()
menuItems.css(‘left’, ‘-100%’);
menuItems.eq(currentIndex).animate(
left: ‘0’
, 2000);
);
/* END DIRECTO Y ÚLTIMA HORA */
/* FUNCIONALIDAD STICKY-TO-TOP EN VIDEOS DM VERSIÓN MOBILE – START*/
function sticky_to_top()
//Comprobamos que exista video, en caso de que no exista, la función nohace nada
let anchorId = ‘main-video-anchor’;
let wrapperId = ‘video-wrapper-‘ + context.oId;
if($(‘#’ + anchorId).length && screen.width < 450)
/* FUNCIONALIDAD STICKY-TO-TOP EN VIDEOS DM VERSIÓN MOBILE – START */
/*LOAD SKY unicamente cuando la pantalla sea mayor de 1280px que es cuando se muestran*/
function loadSkys()
var code_sky_izquierda = »;
var code_sky_derecha = »;
//Se aplica únicamente a pantallas mayores de 1080 y que sean secciones
if(screen.width > 1280 && $(‘#postContent’).length < 1 && $(‘.home’).length < 1 )
$(‘.sky-left’).append(code_sky_izquierda);
$(‘.sky-right’).append(code_sky_derecha);
if (window.innerWidth > 767)
let sky_dcha = document.getElementById(‘sky-derecha’);
let sky_izda = document.getElementById(‘sky-derecha’);
let top1BoundingTop = document.getElementById(‘okd_top1_original’).getBoundingClientRect().top;
if (null !==sky_dcha && 0 < sky_dcha.length)
document.getElementById(‘sky-derecha’).style.top = top1BoundingTop + ‘px’;
if (null !==sky_izda && 0 < sky_izda.length)
document.getElementById(‘sky-izquierda’).style.top = top1BoundingTop + ‘px’;
/*LOAD SKY – END*/
function sticky_skies()
let sky_izquierda = document.getElementById(‘sky-izquierda’);
let sky_derecha = document.getElementById(‘sky-derecha’);
// let inital_top = Math.abs(document.getElementById(‘okd_top1_original’).getBoundingClientRect().top – document.getElementById(‘page’).getBoundingClientRect().top);
let inital_top = Math.abs(document.getElementById(‘okd_top1_original’).getBoundingClientRect().top);
let inferiorBottom;
let superiorBottom;
if (window.innerWidth > 767 && typeof sky_izquierda !== ‘undefined’
&& sky_izquierda !== null && typeof sky_derecha !== ‘undefined’
&& sky_derecha !== null)
// declaramos su posición fixed de entrada, y le damos el mismo top que ok-top-1
sky_izquierda.style.position = ‘fixed’;
sky_derecha.style.position = ‘fixed’;
sky_izquierda.style.top = inital_top + ‘px’;
sky_derecha.style.top = inital_top + ‘px’;
// podemos dejar de escuchar scroll por intersectionObserver
document.addEventListener(‘scroll’, function()
let header = document.getElementById(«okd-cabecera»);
headerBottom = header.getBoundingClientRect().bottom;
if (headerBottom <= 40)
sky_izquierda.style.top = ( headerBottom + 2) + ‘px’;
sky_derecha.style.top = (headerBottom + 2) + ‘px’;
else
// Seguimos dándole el top de ok-top-1 siempre que no esté la cabecera recogida
sky_izquierda.style.top = document.getElementById(‘top1’).getBoundingClientRect().top + ‘px’;
sky_derecha.style.top = document.getElementById(‘top1’).getBoundingClientRect().top + ‘px’;
);
function removeBottomAdIfIsDesktopAndHasRecetasOrHasHowtoOrHasDeportes() $(‘body’).hasClass(‘howto’)
/* CountDown de Javier Cárdenas – BORRAR CUANDO YA NO HAGA FALTA PLZ */
if($(«#cardenas-cuenta-atras»).length)
var diasDiv = document.getElementById(‘dias’);
var horasDiv = document.getElementById(‘horas’);
var minutosDiv = document.getElementById(‘minutos’);
var fechaCardenas = new Date(«Sep 6, 2021 06:59:59»).getTime();
var cardenasCounter = setInterval(function()
var ahora = new Date().getTime();
var cuantoQueda = fechaCardenas – ahora;
var dias = Math.floor(cuantoQueda / (1000 * 60 * 60 * 24));
var horas = Math.floor((cuantoQueda % (1000 * 60 * 60 * 24))/(1000 * 60 * 60));
var minutos = Math.floor((cuantoQueda % (1000 * 60 * 60))/ (1000 * 60));
var segundos = Math.floor((cuantoQueda % (1000 * 60)) / 1000);
horasDiv.innerHTML = «
«+ horas + «horas
«;
minutosDiv.innerHTML = «
«+ minutos + «minutos
«;
diasDiv.innerHTML = «
«+ dias + «dias
«;
if (cuantoQueda < 0)
clearInterval(cardenasCounter);
document.getElementById(«cardenas-cuenta-atras»).innerHTML += «Terminó»;
, 1000);
if ((document.body.classList.contains(‘okshopping’) && typeof document.querySelector(‘.okshopping .double-widget-container’) !== ‘undefined’ && null !== document.querySelector(‘.okshopping .double-widget-container’))
||(document.body.classList.contains(‘loteria-navidad’) && typeof document.querySelector(‘.loteria-navidad .double-widget-container’) !== ‘undefined’ && null !== document.querySelector(‘.loteria-navidad .double-widget-container’))
||(document.body.classList.contains(‘mundial’) && typeof document.querySelector(‘.mundial .double-widget-container’) !== ‘undefined’ && null !== document.querySelector(‘.mundial .double-widget-container’)))
document.querySelectorAll(‘.double-widget-container .double-widget-container-tabs > span’).forEach(function (tab, index)
tab.addEventListener(‘click’, function(event)
let childNumber = index + 1;
if (!tab.classList.contains(‘tab-active’))
document.querySelector(‘.double-widget-container .double-widget-container-tabs > span:nth-child(‘ + ((childNumber % 2) + 1) + ‘)’).classList.remove(‘tab-active’);
tab.classList.add(‘tab-active’);
document.querySelector(‘.double-widget-container .double-widget-container-widgets .widget.most-viewed:nth-child(‘ + ((childNumber % 2) + 1) + ‘)’).style.display = ‘none’;
document.querySelector(‘.double-widget-container .double-widget-container-widgets .widget.most-viewed:nth-child(‘ + childNumber + ‘)’).style.display = ‘block’;
);
);
/*! jQuery & Zepto Lazy v1.7.6 – http://jquery.eisbehr.de/lazy – MIT&GPL-2.0 license – Copyright 2012-2017 Daniel ‘Eisbehr’ Kern */
!function(t,e)»use strict»;function r(r,a,i,u,l)function f()a.combined)&&(u.e=v(a.throttle,function(t)»resize»===t.type&&(w=B=-1),s(t.all)),u.a=function(t)t=c(t),i.push.apply(i,t),u.g=function()return i=n(i).filter(function()return!n(this).data(a.loadedName)),u.f=function(t)for(var e=0;ee.top&&-ne.left&&-n=0?w:w=n(t).width()function h()return B>=0?B:B=n(t).height()function m(t)return t.tagName.toLowerCase()function b(t,e)if(e)!a.enableThrottlefunction p()–z,i.lengthfunction y(t,e,n)return!!(t=a[t])&&(t.apply(r,[].slice.call(arguments,1)),!0)var z=0,w=-1,B=-1,L=!1,T=»afterLoad»,D=»load»,I=»error»,N=»img»,E=»src»,F=»srcset»,C=»sizes»,O=»background-image»;»event»===a.bindfunction a(a,o)var u=this,l=n.extend(,u.config,o),f=,c=l.name+»-«+ ++i;return u.config=function(t,r)return r===e?l[t]:(l[t]=r,u),u.addItems=function(t)return f.a&&f.a(«string»===n.type(t)?n(t):t),u,u.getItems=function()return f.g?f.g():,u.update=function(t)return f.e&&f.e(,!t),u,u.force=function(t)return f.f&&f.f(«string»===n.type(t)?n(t):t),u,u.loadAll=function()return f.e&&f.e(all:!0,!0),u,u.destroy=function()return n(l.appendScroll).off(«.»+c,f.e),n(t).off(«.»+c),f=,e,r(u,l,a,f,c),l.chainable?a:uvar n=t.jQuery,key:»_fastCheck»,value:function()Math.abs(this._parent.node.offsetHeight-this._parent.offsetHeight)>1)&&this.refresh(),key:»_deactivate»,value:function()var a=this;this._active&&!this._removed&&(this._clone.node.parentNode.removeChild(this._clone.node),delete this._clone,d(this._node.style,this._styles),delete this._styles,l.some(function(b)return b!==a&&b._parent&&b._parent.node===a._parent.node),key:»remove»,value:function()var a=this;this._deactivate(),l.some(function(b,c)if(b._node===a._node)return l.splice(c,1),!0),this._removed=!0]),g(),n=stickies:l,Sticky:m,addOne:function(a)if(!(a instanceof HTMLElement))for(var b=0;b
Sociedad – okdiario.com