11329 sujets

JavaScript, DOM et API Web HTML5

bonjour,

je me casse la tête sur un bout de code qui à l'air très simple.
Une explication, voir une aide serait le bienvenu.

cordialement

<div class="img-holder" id="essentiel" data-image="/images/idee.jpg"  data-image="/images/bureau4.webp" data-cover-ratio="0.37"  data-height="500" data-extra-height="250"   data-min-height="400"  data-extra-height="50" data-width="" data-bottom=""; >


start1= sessionStorage.getItem("start");
  
  sessionStorage.setItem("start","0");
 
   function resize() {
 
        start1=sessionStorage.getItem("start");
 
       if(start1==1){  
 
             document.getElementById('taillef').dataset.image = "/images/travaux.webp";
             alert('coté if');
             alert(document.getElementById('taillef').dataset.image);
 
      }else{ 
 
            document.getElementById('taillef').dataset.image = "/images/google.png";
            sessionStorage.setItem("start","1");
            alert('coté else');
            alert(document.getElementById('taillef').dataset.image);
      }
 };
 
  window.onresize = resize();
  window.addEventListener("resize", resize);
Hello,

Dans ton code tu fais 2x appel à un écouteur d’événement:

  window.onresize = resize();
  window.addEventListener("resize", resize);

Tu dois n'en laisser qu'un !

Par ailleurs, window.onresize appelle une référence de fonction et non directement une fonction.

// Mauvaise syntaxe:
window.onresize = resize();

Bonne syntaxe:
window.onresize = function () { resize(); }


Je n'ai pas regardé le reste du code.