javascript ekran çözünürlüğünü anlık almak

27-02-2021, 11:25:06

https://www.w3schools.com/js/tryit.a...ryjs_win_inner

bu örnekte sadece sayfa yüklendiğinde pencere boyutunu alıyor.

pencere boyutu mouse ile küçültürken anlık olarak çözünürlüğü nasıl alabilirim?

27-02-2021, 11:28:23

#2

alicemalturan1

https://developer.mozilla.org/en-US/...w/resize_event

27-02-2021, 11:28:28

#3

emreakdascomtr

http://jsfiddle.net/UqYCr/ buyrun

27-02-2021, 11:49:29

#4

buddy

alicemalturan1 adlı üyeden alıntı: mesajı görüntüle

https://developer.mozilla.org/en-US/...w/resize_event

emreakdascomtr adlı üyeden alıntı: mesajı görüntüle

http://jsfiddle.net/UqYCr/ buyrun

teşekkür ederim.
Aslında ben aşağıdaki gibi birşey yaptım. menüm için class ismini değiştiriyorum. Ben buna ek olarak eğer pencere boyutu 800px den büyükse class ismini yatay 800pxden küçükse mobile olarak değiştir eklemek istemiştim. Yapılabilir mi ?

 function menudegistir() {

      var x = document.getElementById('menu');
      if (x.className === 'yatay') {
        x.className = 'mobile';
      } else {
        x.className = 'yatay';
      }

27-02-2021, 12:39:28

#5

emreakdascomtr

buddy adlı üyeden alıntı: mesajı görüntüle

teşekkür ederim.
Aslında ben aşağıdaki gibi birşey yaptım. menüm için class ismini değiştiriyorum. Ben buna ek olarak eğer pencere boyutu 800px den büyükse class ismini yatay 800pxden küçükse mobile olarak değiştir eklemek istemiştim. Yapılabilir mi ?

 function menudegistir() {

      var x = document.getElementById('menu');
      if (x.className === 'yatay') {
        x.className = 'mobile';
      } else {
        x.className = 'yatay';
      }

$(document).ready(function() {
  var w = window.innerWidth ||
    document.documentElement.clientWidth ||
    document.body.clientWidth;

  var h = window.innerHeight ||
    document.documentElement.clientHeight ||
    document.body.clientHeight;

  $("#width").text(w);
  $("#height").text(h);

  if (w > 800) {
    $("#menu").removeClass("mobile");
    $("#menu").addClass("yatay");
  } else {
    $("#menu").removeClass("yatay");
    $("#menu").addClass("mobile");
  }

  $(window).resize(function() {
    $("#width").text($(this).width());
    $("#height").text($(this).height());

    if ($(this).width() > 800) {
      $("#menu").removeClass("mobile");
      $("#menu").addClass("yatay");
    } else {
      $("#menu").removeClass("yatay");
      $("#menu").addClass("mobile");
    }

  });

});

Width: <span id="width"></span><br>
Height <span id="height"></span><br>
menu <span id="menu"></span>

buyur