• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Zmiana kolorów diva

0 głosów
212 wizyt
pytanie zadane 19 stycznia 2018 w JavaScript, jQuery, AJAX przez SzukającyPrzygód Bywalec (2,090 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ź

+2 głosów
odpowiedź 19 stycznia 2018 przez Daniel90 Pasjonat (17,990 p.)
Nie znam JS ale taki efekt łatwo uzyskać dzięki CSS.

https://jsfiddle.net/j7qf957h/
komentarz 19 stycznia 2018 przez pablop76 Szeryf (89,270 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,090 p.)

właśnie potrzebuje to napisać w JavaScript laughlaugh

komentarz 19 stycznia 2018 przez pablop76 Szeryf (89,270 p.)
No to masz odpowiedź.
komentarz 19 stycznia 2018 przez SzukającyPrzygód Bywalec (2,090 p.)
dzięki
komentarz 20 stycznia 2018 przez SzukającyPrzygód Bywalec (2,090 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ł

Podobne pytania

0 głosów
2 odpowiedzi 116 wizyt
+1 głos
1 odpowiedź 59 wizyt
pytanie zadane 3 grudnia 2018 w HTML i CSS przez Hardwell Gaduła (3,870 p.)
Porady nie od parady
Wynikowy wygląd pytania, odpowiedzi czy komentarza, różni się od tego zaprezentowanego w edytorze postów. Stosuj więc funkcję Podgląd posta znajdującą się pod edytorem, aby upewnić się, czy na pewno ostateczny rezultat ci odpowiada.Podgląd posta

62,471 zapytań

108,625 odpowiedzi

226,798 komentarzy

36,398 pasjonatów

Przeglądających: 170
Pasjonatów: 14 Gości: 156

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...