Změna pozadí stránky bez reloadu

JavaScript Základní konstrukce Zdrojákoviště Změna pozadí stránky bez reloadu

Jednoduchá ukázka použití javascriptu na změnu barvy pozadí stránky, efekty jsou dělané přes CSS3 (transition). Jednoduchý kód, který zajistí pěkný efekt na vašich stránkách.


Galerie

Program byl vytvořen v roce 2013.

 

Stáhnout

Staženo 555x (2.02 kB)
Aplikace je včetně zdrojových kódů v jazyce JavaScript

 

  Aktivity (1)

Program pro vás napsal Daniel Vítek
Avatar
Primárně PHP programátor, rád si hraje s Arduinem a píše články do sekce Batch.

Jak se ti líbí článek?
Celkem (2 hlasů) :
55555


 



 

 

Komentáře
Zobrazit starší komentáře (2)

Avatar
maxlee
Člen
Avatar
maxlee:

ok. ale zišiel by sa tu aj script "meniace pozadie podla času alebo podla dna a noci"

 
Odpovědět 26.3.2013 21:37
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Odpovídá na maxlee
Daniel Vítek:

to jde zase udělat v PHP, zítra to sem napíšu :)

 
Odpovědět 26.3.2013 21:44
Avatar
zichacekj
Člen
Avatar
Odpovídá na Daniel Vítek
zichacekj:

Uz je to dva dny, muzes to sem prosim napsat? to meneni pozadi podle casu? hledal jsem ale nenasel, jinak skvela prace.

 
Odpovědět 28.3.2013 16:58
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na zichacekj
David Čápka:

Kód ze stacku:

$('body').css('background-image', function(){
  var url, hour = new Date().getHours();
  if (hour > 7 && hour < 20) {
    return 'http://example.com/day.jpg';
  } else {
    return 'http://example.com/night.jpg';
  }
});
Odpovědět  +2 28.3.2013 17:37
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
zichacekj
Člen
Avatar
Odpovídá na David Čápka
zichacekj:

Dobre, diky diky, zkusim to nejak zasadit do stranky a uvidim co to bude delat. Jsem jeste zacatecnik, tak snad pochopim jake jsou tma promenne ci jake sobory je potreba vytvorit aby to fungovalo.

 
Odpovědět 28.3.2013 22:54
Avatar
Honza Bittner
Redaktor
Avatar
Odpovědět 28.3.2013 23:13
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
zichacekj
Člen
Avatar
Odpovídá na Honza Bittner
zichacekj:

Jj shodou okolnosti jsem zde koukal na par veci v PHP a ty navody, nebo tutorialy, zkusim na to prijit.
Hlavne jsem chtel udelat neco jako formular (kde vyplnis do policek urcite udaje priklad bylo by tma neco jako oblibene filmy a proste takhle pod sebou treba 10 kolonek) pak by se kliklo ulozit, tim by se to nejak ulozilo na hosting. Mohl bych si takto ukladat libivolny pocet tabulek ale kazda by se ukladala zvlast a zpetne sla cist. Jenze mi neslo udelat ukladani tech hodnot. Lidi mi rikali ze mam pouzit PHP a Java Script, ale zatim jsme v zacatku, tak mam jeste co dohanet a dumat (neco podobneho jsem videl u prodejcu kde byly kolonky kam si nekdo psal vysledky jednani a udaje o klientovi) ap ka jen klikl ulozit, mohl si to zpetne procitat a zaroven vytvaret nove formulare. Vim ze se tam pracuje s INPUT a OUTPUT, ale prje je to prace pro zkuseneho programatora tak na den :( Privedl me k tomu kamarad, ktery to potreboval do prace, ale jaksi jsme ho i mne se znalostmi zklamal

 
Odpovědět 28.3.2013 23:17
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na zichacekj
Honza Bittner:

hele umíš html&css ? :) jestli ne tak se nauč nejdříve to a pak běž na JS + PHP .. :)

jestli umíš tak tomu dej trochu času :) všechno se nejde naučit za jeden den :)

Odpovědět 28.3.2013 23:23
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
zichacekj
Člen
Avatar
Odpovídá na Honza Bittner
zichacekj:

No, HTML je docela pekna hracka s tagama, docela zajimavy webovky v sem v tom dokazal udelat. PHP je spis neco jako PASCAL, a tak podobne, clovek tam programuje podminky...... je to i o premysleni a prikazy jsou tam taky o necem jinym (taky co na to koukam je tam milion znaku) u HTML to melo takovej poradek :-D ale asi tomu budu muset dat cas, mam tu o tom knizky, nakladatelstvi GRADA, tak se holt budu muset prokousavat dal a dal. CSS umim jen letmo, vetsinu veci (krom list a menu) jsem osmelil pres obrazky :-D

Editováno 29.3.2013 4:48
 
Odpovědět 29.3.2013 4:48
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na zichacekj
Honza Bittner:

to je tím že HTML není programovácí jazyk .. :)
A bez HTML&CSS se ti bude dělat těžko si myslím ..

Odpovědět 29.3.2013 8:08
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 10 zpráv z 12. Zobrazit vše