• 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

VPS Starter Arubacloud
0 głosów
355 wizyt
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ź

+2 głosów
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,060 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 laughlaugh

komentarz 19 stycznia 2018 przez pablop76 VIP (123,060 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ł

Podobne pytania

0 głosów
2 odpowiedzi 366 wizyt
+1 głos
1 odpowiedź 192 wizyt
pytanie zadane 3 grudnia 2018 w HTML i CSS przez Hardwell Dyskutant (8,960 p.)

92,453 zapytań

141,262 odpowiedzi

319,087 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...