Kundeservice Modellsøk Favoritter 0 Handlekurv 0

4,8 ★ hos Google • Lager i Norge siden 2006

(function(){

/* =======================================================
     KJØR KUN ÉN GANG
     ======================================================= */

if(window.yahaProductMobileEnhancementsV1){
    return;
  }

window.yahaProductMobileEnhancementsV1 = true;

/* =======================================================
     ACCESSIBILITY
     ======================================================= */

function prepareAccessibility(){

document.querySelectorAll(
      'input.quantity'
    ).forEach(function(el){

if(!el.getAttribute('aria-label')){

el.setAttribute(
          'aria-label',
          'Antall'
        );

}

});

document.querySelectorAll(
      'a.wishlistButton'
    ).forEach(function(el){

el.setAttribute(
        'aria-label',
        'Legg til i ønskeliste'
      );

el.setAttribute(
        'title',
        'Legg til i ønskeliste'
      );

});

document.querySelectorAll(
      'ul[role=tablist] > li.nav-item'
    ).forEach(function(li){

li.setAttribute(
        'role',
        'presentation'
      );

});

document.querySelectorAll(
      'ul[role=tablist] > li.nav-item > a[role=tab], ' +
      'ul[role=tablist] > li.nav-item > button[role=tab]'
    ).forEach(function(tab){

tab.setAttribute(
        'tabindex',
        '-1'
      );

});

document.querySelectorAll(
      'ul.nav-tabs[role=tablist]'
    ).forEach(function(ul){

ul.setAttribute(
        'aria-hidden',
        'true'
      );

});

}

/* =======================================================
     PRODUKTBILDE I KJØPSBOKS
     ======================================================= */

function prepareProductImage(){

var imageBox =
      document.querySelector(
        '.product .cp-item-buy ' +
        '.novariant-block ' +
        '.varblock-img'
      );

if(!imageBox){
      return;
    }

imageBox.setAttribute(
      'role',
      'button'
    );

imageBox.setAttribute(
      'tabindex',
      '0'
    );

imageBox.setAttribute(
      'aria-label',
      'Vis større produktbilde'
    );

imageBox.setAttribute(
      'title',
      'Vis større produktbilde'
    );

}

/* =======================================================
     LAG / HENT LIGHTBOX
     ======================================================= */

function getLightbox(){

var lightbox =
      document.getElementById(
        'yaha-mobile-lightbox'
      );

if(lightbox){
      return lightbox;
    }

lightbox =
      document.createElement(
        'div'
      );

lightbox.id =
      'yaha-mobile-lightbox';

lightbox.setAttribute(
      'role',
      'dialog'
    );

lightbox.setAttribute(
      'aria-modal',
      'true'
    );

lightbox.setAttribute(
      'aria-label',
      'Stort produktbilde'
    );

var largeImage =
      document.createElement(
        'img'
      );

largeImage.alt =
      'Produktbilde';

var closeButton =
      document.createElement(
        'button'
      );

closeButton.type =
      'button';

closeButton.className =
      'yaha-lightbox-close';

closeButton.setAttribute(
      'aria-label',
      'Lukk bilde'
    );

closeButton.innerHTML =
      '×';

lightbox.appendChild(
      largeImage
    );

lightbox.appendChild(
      closeButton
    );

document.body.appendChild(
      lightbox
    );

/* X LUKKER */

closeButton.addEventListener(
      'pointerup',
      function(e){

e.preventDefault();
        e.stopPropagation();

closeLightbox();

},
      true
    );

closeButton.addEventListener(
      'click',
      function(e){

e.preventDefault();
        e.stopPropagation();

closeLightbox();

}
    );

/* BAKGRUNN ELLER STORT BILDE LUKKER */

lightbox.addEventListener(
      'pointerup',
      function(e){

if(
          e.target === lightbox ||
          e.target === largeImage
        ){

e.preventDefault();
          e.stopPropagation();

closeLightbox();

}

},
      true
    );

return lightbox;

}

/* =======================================================
     FINN BEST MULIG BILDEKILDE

Henter helst bildet fra den originale karusellen,
     selv om karusellen er skjult på mobil.
     ======================================================= */

function getLargeImageSrc(clickedImage){

var originalImage =
      document.querySelector(
        '.product #productCarousel ' +
        '.carousel-item.active ' +
        'img.trigger_lightbox'
      );

if(!originalImage){

originalImage =
        document.querySelector(
          '.product #productCarousel ' +
          'img.trigger_lightbox'
        );

}

if(!originalImage){

originalImage =
        document.querySelector(
          '.product #productCarousel img'
        );

}

if(originalImage){

var originalSrc =

originalImage.getAttribute(
          'data-src'
        ) ||

originalImage.getAttribute(
          'data-original'
        ) ||

originalImage.currentSrc ||

originalImage.getAttribute(
          'src'
        ) ||

originalImage.src;

if(originalSrc){
        return originalSrc;
      }

}

if(clickedImage){

return (

clickedImage.getAttribute(
          'data-src'
        ) ||

clickedImage.getAttribute(
          'data-original'
        ) ||

clickedImage.currentSrc ||

clickedImage.getAttribute(
          'src'
        ) ||

clickedImage.src

);

}

return '';

}

/* =======================================================
     ÅPNE LIGHTBOX
     ======================================================= */

function openLightbox(clickedImage){

var imageSrc =
      getLargeImageSrc(
        clickedImage
      );

if(!imageSrc){
      return;
    }

var lightbox =
      getLightbox();

var largeImage =
      lightbox.querySelector(
        'img'
      );

largeImage.src =
      imageSrc;

largeImage.alt =
      clickedImage.getAttribute(
        'alt'
      ) ||
      'Produktbilde';

lightbox.classList.add(
      'yaha-open'
    );

document.documentElement.style.overflow =
      'hidden';

document.body.style.overflow =
      'hidden';

}

/* =======================================================
     LUKK LIGHTBOX
     ======================================================= */

function closeLightbox(){

var lightbox =
      document.getElementById(
        'yaha-mobile-lightbox'
      );

if(!lightbox){
      return;
    }

lightbox.classList.remove(
      'yaha-open'
    );

document.documentElement.style.overflow =
      '';

document.body.style.overflow =
      '';

}

/* =======================================================
     PRODUKTBILDE
     POINTERUP I CAPTURE-FASEN

Samme modell som fungerte stabilt på fysisk mobil
     på Tonerogblekk.
     ======================================================= */

document.addEventListener(
    'pointerup',
    function(e){

var target =
        e.target;

if(
        !target ||
        !target.closest
      ){
        return;
      }

/* IKKE FANG HENDELSER I LIGHTBOX */

if(
        target.closest(
          '#yaha-mobile-lightbox'
        )
      ){
        return;
      }

var imageBox =
        target.closest(
          '.product .cp-item-buy ' +
          '.novariant-block ' +
          '.varblock-img'
        );

if(!imageBox){
        return;
      }

var clickedImage =
        imageBox.querySelector(
          'img'
        );

if(!clickedImage){
        return;
      }

e.preventDefault();
      e.stopPropagation();

openLightbox(
        clickedImage
      );

},
    true
  );

/* =======================================================
     KEYBOARD
     ======================================================= */

document.addEventListener(
    'keydown',
    function(e){

if(
        e.key === 'Escape'
      ){

closeLightbox();

return;

}

if(
        e.key !== 'Enter' &&
        e.key !== ' '
      ){
        return;
      }

var target =
        e.target;

if(
        !target ||
        !target.closest
      ){
        return;
      }

var imageBox =
        target.closest(
          '.product .cp-item-buy ' +
          '.novariant-block ' +
          '.varblock-img'
        );

if(!imageBox){
        return;
      }

var clickedImage =
        imageBox.querySelector(
          'img'
        );

if(!clickedImage){
        return;
      }

e.preventDefault();

openLightbox(
        clickedImage
      );

}
  );

/* =======================================================
     INIT
     ======================================================= */

prepareAccessibility();
  prepareProductImage();

/* QUICK KAN FYLLE INN DELER ETTER FØRSTE LASTING */

setTimeout(
    prepareAccessibility,
    300
  );

setTimeout(
    prepareProductImage,
    300
  );

setTimeout(
    prepareAccessibility,
    1000
  );

setTimeout(
    prepareProductImage,
    1000
  );

setTimeout(
    prepareProductImage,
    2500
  );

})();

OKI Toner 46844013 Cyan (9.000 sider)

Name: OKI Toner 46844013 Cyan (9.000 sider)
Brand: OKI
SKU: 46844013
Price: 2224 NOK
Availability: InStock

Varenr: 46844013

2.224,-