bonjour , pour le responsive , je cherche comment faire pour détecter en temps réel la taille de l'écran de l'utilisateur en jquery, pour effectuer ensuite une action , pour l'instant la détection n'est faite qu'au chargement de la page mais si je change après la taille de la fenêtre, mon jquery n'exécute plus. Pourriez vous m'aider ? voici ce que je fais pour l'instant 

  $(function(){
    
 var windowWidth = $(window).width();

 if(windowWidth < 550){
  alert('cououc');
 $('body').append($('#nickkk').detach());
 }
 $("#nickkk").css("margin-top","550px");
});

-
Edité par alex5956 9 août 2018 à 15:16:48

Sur la fenêtre complète il y a l'événement resize.

Bonjour alex5956,

Je t'ai fait un petit exemple, pas compte est tu sûre que cela ne peut être fait en CSS avec les mediaquery

https://codepen.io/Zonecss/pen/zLKZXZ

Mais sinon oui en général les media queries en pur CSS suffisent largement hein... Jquery c'est pour des cas extrêmes.

ok AliasDMC merci

par contre pourquoi as tu mis:

  resizeWindow(); à la fin du Listener document.addEventListener('DOMContentLoaded',function(){...}

 dans ce bout de code là

document.addEventListener('DOMContentLoaded',function(){
window.addEventListener('resize',resizeWindow);

  /* 
  Lance tous les traitements qui sont liés au resize mais il faut utiliser le stockage 
  Sinon faire  
  $(function(){
     mesAction(window.innerWidth)
     //ou en jquery mais peu d'intérêt
     mesAction($(window).width())
  });
  */

  resizeWindow();

 

});

tu l'as déjà mis dans le listenener resizeWindow pour des que l'évènement se déclenche pour exécuter la fonction encore toute à la fin ?

Bonjour alex5956,

Dans l'exemple, j'ai besoin pour mon exemple d'afficher les valeurs width et height au chargement de la page

j'ai mis resizeWindow() à la fin pour déclencher l'affichage de ces valeurs

Si je ne mets pas resizeWindow() alors les valeurs ne seront affichées que si je change de taille de fenêtre

Si je n'avais  pas besoin de faire de traitement lié à la taille de la fenêtre alors je ne l’aurai pas mis

ok merci ! dsl pour le retard !;)