• 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
228 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 (94,910 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 (94,910 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 118 wizyt
+1 głos
1 odpowiedź 61 wizyt
pytanie zadane 3 grudnia 2018 w HTML i CSS przez Hardwell Gaduła (4,450 p.)
Porady nie od parady
Pytania na temat serwisu SPOJ należy zadawać z odpowiednią kategorią dotyczącą tej strony.SPOJ

64,950 zapytań

111,424 odpowiedzi

234,495 komentarzy

46,784 pasjonatów

Przeglądających: 245
Pasjonatów: 13 Gości: 232

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.

...