LINUXSOFT.cz Přeskoč levou lištu
Uživatel: Heslo:  
   CZUKPL

> JavaScript -- 8 -- Pár praktických skriptov

Chcete oživiť svoje stránky jednoduchými a efektnými skriptmi? Jednoduchý návod ako zobraziť čas v stavovom riadku alebo v titulku prehliadača..

26.8.2004 10:00 | Rišo Marko | Články autora | přečteno 22978×

Trocha teórie :)

Stavový riadok prehliadača

Je to prvok (objekt), ktorý je podradený objektu window. O objektoch bude reč v ďalších dieloch seriálu preto je teraz potrebné vedieť, že do stavového riadku je možné zapisovať dvomi spôsobmi:

window.Status = 'Vitajte na Linuxsoft.cz'

window.defaultStatus = 'Welcome on Linuxsoft.cz'

Ako môžte vidieť je to veľmi jednoduché a takétok objekty sa správajú ako premenné - čiže jednoduchým priradením (=) do nich môžete zapisovať (podobne aj čítať ako z premennej). Rozdiel medzi týmito dvom metódami by mal spočívať v tom, že pokiaľ nastavujete defaultStatus text touto metódou nastavený by sa mal znovu nastaviť späť i pokiaľ prejdete cez odkaz. Zaujímavé je, to isté dosiahnete aj pomocou jednoduchého zápisu status.

Titulok stránky

Ten istý titulok, ktorý nastavujeme pomocou tagov <title></title> v hlavičke stránky. Zapisuje sa doňho podobne ako pri statusbare ale existuje len jeden spôsob zápisu s tým rozdielom, objetk title je podradený objektum document.

document.title = 'Linuxsoft.cz best for Linux'

Pri tomto zápise treba dať pozor lebo vám nebude fungovať pokiaľ nebude mať "fyzicky" zapísaný titulok v hlavičke!!

Čas a dátum

Práca s časom a dátum nieje v ničom veľmi zložitá - základom je objekt Date:

var datum = new Date();

V tomto zapíse bol uložený do premennej datum. Teraz obsahuje niečo ako Fri, 20 Aug 2004 8:10:21 GMT+0200 čo nám toho veľa nepovie preto existujú funkcie na prácu s dátumom.

Metóda Význam
getDate() Vracia ďeň v mesiaci (1-31).
getDay() Vracia ďeň v týždni (0-6, kde 0=neďeľa).
getMonth() Vracia mesiac (0-11).
getYear() Vracia rok
getFullYear() Vracia rok v kompletnej štvormiestnej podobe.
getHours() Vracia hodiny (0-23).
getMinutes() Vracia minúty (0-59).
getSeconds() Vracia sekundy (0-59).
getTime() Vracia počet sekúnd, ktoré ubehly od Unixovej epochy.

Pomocou týchto funkcií si vytvoríme vlastnú funkciu, ktorá nám vráti čas v pre nás vhodnom formáte.

function cas() {
var datum = new Date();
sec = datum.getSeconds();
// prostredníctvom dátumu uložíme do premennej sekundy
hr = datum.getHours();
// hodiny
min = datum.getMinutes();
// a minúty
return hr+':'+min+':'+sec; }

No takáto funkcia sa nestará o to ako vyzerá ten čas, ktorý vráti a preto ten treba upraviť do čitateľnej podoby tým, že pred čísla pridáme nuly.

function cas() {
var datum = new Date();
sec = datum.getSeconds();
// prostredníctvom dátumu uložíme do premennej sekundy
hr = datum.getHours();
// hodiny
min = datum.getMinutes();
// a minúty


if (min <= "9")
{min = "0"+min;}
// pokiaľ je hodnota minút jednociferné číslo, pridáme pred ňu nulu
if (sec <= "9")
{sec = "0"+sec;}
// to isté platí i pre sekundy
if (hr <= "9")
{hr = "0"+hr;}
// a tiež pre hodiny
return hr+':'+min+':'+sec;
}

Takto upravená funkcia vracia prekne upravený dátum pripravený na použite.

Finálny skript

Teraz už iba stačí všetky tieto prvky pospájať dokopy a máme efektný skript pre naše stránky.

<script type = "text/javascript">
function cas() {
var datum = new Date();
sec = datum.getSeconds();
// prostredníctvom dátumu uložíme do premennej sekundy
hr = datum.getHours();
// hodiny
min = datum.getMinutes();
// a minúty


if (min <= "9")
{min = "0"+min;}
// pokiaľ je hodnota minút jednociferné číslo, pridáme pred ňu nulu
if (sec <= "9")
{sec = "0"+sec;}
// to isté platí i pre sekundy
if (hr <= "9")
{hr = "0"+hr;}
// a tiež pre hodiny
return hr+':'+min+':'+sec;
}
function vypis() {
document.title = 'Linuxsoft.cz best for Linux ::::: Teraz je '+cas();
window.status = 'Vitajte na Linuxsoft.cz ::::: '+cas();
}
vypis();
</script>

No takýto skript predsa len stále nieje dokonalý i keď funguje bezchybne ale čas stojí. Proste sa nehýbe.. A takýto čas veľmi efektný nieje. Preto je potrebné vytvoriť time delay alebo časový interval, ktorý bude funkciu volať opakovane v určitom intervale. Docielime to iba jednoduchou úpravou skriptu.

<script type = "text/javascript">
function cas() {
var datum = new Date();
sec = datum.getSeconds();
// prostredníctvom dátumu uložíme do premennej sekundy
hr = datum.getHours();
// hodiny
min = datum.getMinutes();
// a minúty


if (min <= "9")
{min = "0"+min;}
// pokiaľ je hodnota minút jednociferné číslo, pridáme pred ňu nulu
if (sec <= "9")
{sec = "0"+sec;}
// to isté platí i pre sekundy
if (hr <= "9")
{hr = "0"+hr;}
// a tiež pre hodiny
return hr+':'+min+':'+sec;
}
function vypis() {
document.title = 'Linuxsoft.cz best for Linux ::::: Teraz je '+cas();
window.status = 'Vitajte na Linuxsoft.cz ::::: '+cas();
var timeout = setTimeout("vypis()", 1000);
// zariadime opätovné volánie funkcie každú sekundu
}
vypis();
</script>

To bolo pre tento diel všetko. Enjoy!

Verze pro tisk

pridej.cz

 

DISKUZE

Prosím o radu 26.8.2004 23:23 Pavel Kácha
L Re: Prosím o radu 28.8.2004 09:28 Rišo Marko
  L Re: Prosím o radu 28.8.2004 11:57 Pavel Kácha
    L Re: Prosím o radu 29.8.2004 10:02 Rišo Marko
      L Re: Prosím o radu 29.8.2004 11:18 Pavel Kácha
Terminologie 27.8.2004 07:26 Petr Zajíc
  L Re: Terminologie 28.8.2004 09:31 Rišo Marko




Příspívat do diskuze mohou pouze registrovaní uživatelé.
> Vyhledávání software
> Vyhledávání článků

18.6.2018 0:43 /František Kučera

Červnový pražský sraz spolku OpenAlt se koná již tento čtvrtek – 21. 6. 2018 od 18:00 v Kavárně Ideál (Sázavská 30, Praha), kde máme rezervovaný salonek. Tentokrát na téma: F-Droid, aneb svobodný software do vašeho mobilu. Kromě toho budou k vidění i vývojové desky HiFive1 se svobodným/otevřeným čipem RISC-V.


Přidat komentář

23.5.2018 20:55 /Ondřej Čečák
Od pátku 25.5. proběhne na Fakultě informačních technologií ČVUT v Praze openSUSE Conference. Můžete se těšit na spostu zajímavých přednášek, workshopů a také na Release Party nového openSUSE leap 15.0. V na stejném místě proběhne v sobotu 26.5. i seminář o bezpečnosti CryptoFest.
Přidat komentář

20.5.2018 17:45 /Redakce Linuxsoft.cz
Ve čtvrtek 31. května 2018 připravuje webový magazín BusinessIT ve spolupráci s Best Online Média s.r.o. pátý ročník odborné konference Firemní informační systémy 2018. Akce proběhne v kongresovém centru Vavruška (palác Charitas), Karlovo náměstí 5, Praha 2 (u metra Karlovo náměstí) od 9:00 hod. dopoledne do cca 15 hod. odpoledne. Konference je zaměřena na efektivní využití firemních informačních systémů a na to, jak plně využít jejich potenciál. Podrobnější informace na webových stránkách konfrence.
Přidat komentář

14.5.2018 7:28 /František Kučera
Květnový pražský sraz spolku OpenAlt se koná již tento čtvrtek – 17. 5. 2018 od 18:00 v Kavárně Ideál (Sázavská 30, Praha), kde máme rezervovaný salonek. Tentokrát na téma: Audio – zvuk v GNU/Linuxu.
Přidat komentář

7.5.2018 16:20 /František Kučera
Na stránkách spolku OpenAlt vyšla fotoreportáž Pražské srazy 2017 dokumentující srazy za uplynulý rok. Květnový pražský sraz na téma audio se bude konat 17. 5. 2018 (místo a čas ještě upřesníme).
Přidat komentář

17.4.2018 0:46 /František Kučera
Dubnový pražský sraz spolku OpenAlt se koná již tento čtvrtek – 19. 4. 2018 od 18:00 v Kavárně Ideál (Sázavská 30, Praha), kde máme rezervovaný salonek. Tématem tohoto srazu bude OpenStreetMap (OSM) aneb svobodné mapy.
Přidat komentář

16.3.2018 22:01 /František Kučera
Kulatý OpenAlt sraz v Praze oslavíme klasicky: u limonády a piva! Přijďte si posedět, dát si dobré jídlo a vybrat z mnoha piv do restaurace Kulový blesk, který najdete v centru Prahy nedaleko metra I. P. Pavlova na adrese Sokolská 13, Praha 2. Sraz se koná ve čtvrtek 22. března a začínáme v 18:00. Heslo: OpenAlt. Vezměte s sebou svoje hračky! Uvítáme, když si s sebou na sraz vezmete svoje oblíbené hračky. Jestli máte nějaký drobný projekt postavený na Arduinu, nějakou zajímavou elektronickou součástku, či třeba i pěkný úlovek z crowdfundingové akce, neváhejte. Oslníte ostatní a o zábavu bude postaráno.
Přidat komentář

13.2.2018 0:41 /František Kučera
Únorový pražský sraz OpenAltu se koná 15. 2. 2018 a tentokrát se vydáme na návštěvu do jednoho pražského datacentra. Sejdeme se v 17:50 v severovýchodní části nástupiště tramvajové zastávky Koh-I-Noor. Po exkurzi se přesuneme do restaurace U Pštrosa (Moskevská 49), kde probereme tradiční témata (svobodný software a hardware, DIY, CNC, SDR, 3D tisk…) a tentokrát bude k vidění i IoT brána od The Things Network.
Přidat komentář

   Více ...   Přidat zprávičku

> Poslední diskuze

20.2.2018 18:48 / Ivan Majer
portal

20.2.2018 15:57 / Jan Havel
Jak využíváte služby cloudu v podnikání?

16.1.2018 1:08 / Ivan Pittner
verejna ip od o2 ubuntu

15.1.2018 17:26 / Mira Harvalik
Re: Jak udělat HTML/Javascript swiping gallery do mobilu?

30.12.2017 20:16 / Michal Knoll
odmocnina

Více ...

ISSN 1801-3805 | Provozovatel: Pavel Kysilka, IČ: 72868490 (2003-2018) | mail at linuxsoft dot cz | Design: www.megadesign.cz | Textová verze