Zmiana kolorów diva

pytanie zadane 19 stycznia 2018 w JavaScript przez SzukającyPrzygód Bywalec (2,310 p.)
zamknięte 21 stycznia 2018 przez SzukającyPrzygód

Witam

Jaki mam wprowadzić kod aby od 1200 px do 1000 px szerokości okna kod JavaScript sprawiał że div będzie czerwony a od 999 px do 400 px aby div był niebieski , bardzo mi na tym zależy

komentarz zamknięcia: uzyskanie odpowiedzi

1 odpowiedź

odpowiedź 19 stycznia 2018 przez Daniel90 Pasjonat (17,970 p.)

Nie znam JS ale taki efekt łatwo uzyskać dzięki CSS.

https://jsfiddle.net/j7qf957h/

komentarz 19 stycznia 2018 przez pablop76 VIP (123,580 p.)
edycja 19 stycznia 2018 przez pablop76

Daniel90 dał Ci optymalna odpowiedź. Ale oczywiście jquery równie można wykorzystać. Dałem Ci już podpowiedź w odpowiedzi na pytanie o menu sticky. Ta sama funkcja do sprawdzenia jaka jest aktualnie szerokość ekranu.

$(window).resize(function(){
  var width = $(window).width();
  if(width < 1200 && width > 1000){
    console.log("to jest ten przedział");
  }
  else{
    console.log("a to już jest poza")
  }
});

komentarz 19 stycznia 2018 przez SzukającyPrzygód Bywalec (2,310 p.)

właśnie potrzebuje to napisać w JavaScript

komentarz 19 stycznia 2018 przez pablop76 VIP (123,580 p.)

No to masz odpowiedź.

komentarz 19 stycznia 2018 przez SzukającyPrzygód Bywalec (2,310 p.)

dzięki

komentarz 20 stycznia 2018 przez SzukającyPrzygód Bywalec (2,310 p.)

@pablop76,
dodałem do tego kodu pewne parametry


function myFunction() {
$(window).resize(function(){
  var height = window.innerHeight;
  if(height < 1200 && height > 560){
   document.body.style.background = "#242424";
  }
  else{
   document.body.style.background = "#e5e5e5";
  }
});
}

i jak włączam stronę na której umieściłem ten kod to muszę zmienić rozmiar okna aby zaszła zmiana koloru tła , co mam zrobić aby od razu po uruchomieniu strony bez konieczności zmieniania wielkości okna kolor tła się zmieniał