//Script to move button from Left column to the right one, same for End and Ar document.addEventListener("DOMContentLoaded", function () { setTimeout(function () { // Bottom button position change ========================================= document.querySelectorAll(".cards-list-list-card").forEach(function (card) { const applyBtn = card.querySelector(".cllc-left .button"); const offerSection = card.querySelector(".cl-card-desc-offer"); const learnMoreBtn = card.querySelector(".cl-card-desc-link"); if (applyBtn && offerSection) { // Move Apply Now below offer section offerSection.insertAdjacentElement("afterend", applyBtn); // Wrap buttons in a flex container const btnWrapper = document.createElement("div"); btnWrapper.style.display = "flex"; btnWrapper.style.gap = "10px"; btnWrapper.style.marginTop = "10px"; btnWrapper.style.alignItems = "center"; btnWrapper.style.flexWrap = "wrap"; // responsive support // Apply styling to Apply Now applyBtn.style.display = "inline-block"; applyBtn.style.maxWidth = "126px"; applyBtn.style.width = "100%"; applyBtn.style.textAlign = "center"; applyBtn.style.margin = "0"; // Move Learn More beside it if available if (learnMoreBtn) { learnMoreBtn.style.display = "inline-block"; learnMoreBtn.style.margin = "0"; learnMoreBtn.style.flex = "0 0 auto"; } // Append both into wrapper btnWrapper.appendChild(applyBtn); if (learnMoreBtn) btnWrapper.appendChild(learnMoreBtn); // Insert wrapper after offer section offerSection.insertAdjacentElement("afterend", btnWrapper); } }); }, 3500); // delay }); /* Floating button script START ========================================================= */ (function () { function inView(el, threshold) { if (!el) return false; var r = el.getBoundingClientRect(); var vh = window.innerHeight || document.documentElement.clientHeight; var vw = window.innerWidth || document.documentElement.clientWidth; threshold = threshold == null ? 0 : threshold; return ( r.bottom > (0 + threshold) && r.right > (0 + threshold) && r.top < (vh - threshold) && r.left < (vw - threshold) ); } function safeText(el) { return (el && (el.textContent || "").trim()) || ""; } function run() { var root = document.querySelector(".cards-list-component"); if (!root) return; var card = root.querySelector(".cards-list-list-card") || root; var imgEl = card.querySelector("img.cl-card-header-image") || card.querySelector("img"); var titleEl = card.querySelector(".cl-card-desc-title, h2, h3"); var featureTitleEl = card.querySelector(".cl-card-desc-feature-title"); var featureValEl = card.querySelector(".cl-card-desc-feature-value"); var applyA = card.querySelector("a.button[href*='apply.bankfab.com']") || card.querySelector("a.button, a[href*='apply.bankfab.com']") || card.querySelector("a"); if (!applyA) return; // Avoid duplicates if (document.querySelector(".fab-float-applybar")) return; // Build bar var bar = document.createElement("div"); bar.className = "fab-float-applybar"; var isRTL = (document.documentElement.getAttribute("dir") || "").toLowerCase() === "rtl" || ((document.documentElement.lang || "").toLowerCase().startsWith("ar")) || (location.pathname || "").toLowerCase().indexOf("/ar-") === 0; bar.setAttribute("dir", isRTL ? "rtl" : "ltr"); var btn = applyA.cloneNode(true); // Force tst_id for floating button URL try { var rawHref = btn.getAttribute("href") || applyA.getAttribute("href") || applyA.href; if (rawHref) { btn.setAttribute("href", rawHref); btn.href = rawHref; } } catch (e) {} // Keep only required button classes to ensure white bg + blue text (secondary style) (function(){ var keep = ['button','button-contained-secondary']; var cls = (btn.getAttribute('class') || '').split(/\s+/).filter(Boolean); var next = []; keep.forEach(function(k){ if (cls.indexOf(k) >= 0) next.push(k); }); if (next.length === 0 && cls.indexOf('button') >= 0) next = ['button']; if (next.length) btn.setAttribute('class', next.join(' ')); })(); // Remove inline handlers to avoid double-firing ["onclick","onmousedown","onmouseup","onpointerdown","onpointerup"].forEach(function(a){ try{btn.removeAttribute(a);}catch(e){} }); btn.removeAttribute("id"); btn.style.margin = "0"; btn.style.maxWidth = "140px"; btn.style.width = "auto"; btn.style.whiteSpace = "nowrap"; btn.classList.add('button', 'ev_1', 'button-text-simple-children' , 'button-contained-secondary'); var imgSrc = (imgEl && imgEl.getAttribute("src")) || ""; var title = safeText(titleEl) || safeText(applyA.querySelector("div")) || safeText(applyA) || "Apply now"; var ft = safeText(featureTitleEl); var fv = safeText(featureValEl); bar.innerHTML = '

' + (imgSrc ? '' : '') + '

' + '

' + (ft || fv ? '

' : '') + '

' + '

'; if (imgSrc) bar.querySelector(".fab-float-applybar__img").src = imgSrc; bar.querySelector(".fab-float-applybar__title").textContent = title; var sub = bar.querySelector(".fab-float-applybar__sub"); if (sub) sub.textContent = (ft && fv) ? (ft + ": " + fv) : (ft || fv); bar.querySelector(".fab-float-applybar__cta").appendChild(btn); // Styles (button style comes from existing .button classes) var style = document.createElement("style"); style.textContent = ".fab-float-applybar{position:fixed;left:0;right:0;bottom:0;z-index:9999;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease;}" + ".fab-float-applybar.is-on{opacity:1;pointer-events:auto;transform:translateY(0);}" + ".fab-float-applybar__inner{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 60px;background:linear-gradient(105deg, #003DA6 3.44%, #2669DC 97.48%);box-shadow:0 -8px 22px rgba(0,0,0,.18);}" + ".fab-float-applybar__img{height:44px;width:auto;flex:0 0 auto;border-radius: 3px;}" + ".fab-float-applybar__text{min-width:0;flex:1 1 auto;}" + ".fab-float-applybar__title{font-weight:500;font-size:1.6rem;line-height:1.2;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}" + ".fab-float-applybar__sub{margin-top:2px;font-size:1.2rem;line-height:1.2;color:rgba(255,255,255,.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}" + ".fab-float-applybar__cta{flex:0 0 auto;}" + "@media (max-width: 480px){.fab-float-applybar__inner{padding:10px 20px;gap:10px;flex-wrap:wrap;align-items:center;}" + ".fab-float-applybar__img{height:30px;}" + ".fab-float-applybar__title{font-size:13px;}" + ".fab-float-applybar__sub{font-size:11px;}}" + ".fab-float-applybar[dir='rtl'] .fab-float-applybar__inner{direction:rtl;}" + ".fab-float-applybar[dir='rtl'] .fab-float-applybar__title,.fab-float-applybar[dir='rtl'] .fab-float-applybar__sub{text-align:right;}"; document.head.appendChild(style); document.body.appendChild(bar); var header = document.querySelector(".header-banner-cards"); var footer = document.querySelector("footer.footer.add-margins.margin-bottom-0") || document.querySelector("footer.footer") || document.querySelector("footer"); var state = { headerVisible: false, footerVisible: false }; function computeAndToggle() { var hide = state.headerVisible || state.footerVisible; if (hide) bar.classList.remove("is-on"); else bar.classList.add("is-on"); } function observe(el, key) { if (!el) return; if ("IntersectionObserver" in window) { var io = new IntersectionObserver(function (entries) { entries.forEach(function (e) { state[key] = !!e.isIntersecting; }); computeAndToggle(); }, { root: null, threshold: 0.01 }); io.observe(el); } } // observe(applyA, "applyVisible"); // optional: hide when real Apply button is visible observe(header, "headerVisible"); observe(footer, "footerVisible"); function tick() { if (!("IntersectionObserver" in window)) { state.headerVisible = inView(header, 6); state.footerVisible = inView(footer, 6); computeAndToggle(); } } tick(); window.addEventListener("scroll", tick, { passive: true }); window.addEventListener("resize", tick); // React reflow safety: if Apply anchor replaced, sync href/innerHTML once var mo = new MutationObserver(function () { var newApply = (root && (root.querySelector("a.button[href*='apply.bankfab.com']") || root.querySelector("a.button, a[href*='apply.bankfab.com']"))) || null; if (newApply && newApply !== applyA) { applyA = newApply; // btn.href sync removed to preserve floating tst_id; btn.innerHTML = applyA.innerHTML; if (!("IntersectionObserver" in window)) tick(); } }); mo.observe(root, { childList: true, subtree: true }); } function start() { setTimeout(run, 3000); } // run after ~5s if (document.readyState === "complete") start(); else window.addEventListener("load", start); })(); /* Floating button script END ========================================================= */ //Entry_point Script document.addEventListener('DOMContentLoaded', function () { setTimeout(function () { var pageName = 'fab-adnoc-rewards-credit-card'; var links = document.querySelectorAll('a[href*="&utm_source"]'); links.forEach(function (link) { var href = link.getAttribute('href'); // use the raw attribute console.log ("entry_point" + href); if (href && href.indexOf('&utm_source') !== -1) { link.setAttribute('href', href.replace('&utm_source', '&entry_point='+pageName+'&utm_source')); } }); }, 4000); // run 4000 ms after page load });

ما هي حالتك الوظيفية؟

Loading component...