Moderní tvorba webových aplikací

O webu

Ikona přehrávání v <title>

Symbol přehrávání ▶ v titulku stránky jako je u videí na YouTube.

3 minuty

Při přehrávání videa na YT si je možné povšimnout šipky na začátku titulku. V případě, že má člověk otevřeno více záložek téže stránky, docela se to hodí. Je totiž ihned jasné, která záložka něco přehrává.

Tuto šipku/trojúhelník znázorňuje znak .

  1. Symbol přehrávání můžeme umístit rovnou do kódu (poznámka: některé editory, třeba Sublime Text, s tím mohou mít problém, ale výsledek v prohlížeči by měl být OK).

  2. Použít HTML entitu &#9654; nebo &#x25b6;.

  3. V JS použít escape sekvenci \u25b6.

Nastavení ikony

Nastavit tuto šipku JavaScriptem je potom možné změnou document.title.

document.title = "▶" + document.title;

Nebo:

document.title = "\u25b6 " + document.title;

Nebo:

document.title = "&#9654; " + document.title;

Odstranění šipky

Při zastavení je na místě šipku smazat, to jde zajistit buď kompletním přepsáním document.title, nebo odstraněním šipky funkcí replace:

document.title = document.title.replace("\u25b6 ", "");

Ukázka

Jednoduchá ukázka, která přidává/odebírá šipku z titulku (document.title).

Manipulovat JavaScriptem s <title> je vůbec docela užitečné a není důvod se toho bát. Dá se tak snadno znázorňovat.

  1. Již zmíněné přehrávání videa/hudby.
  2. Zobrazit počet nepřečtených zpráv/příspěvků (používá Facebook nebo Twitter).
  3. Signalisovat, že je na stránce rozepsaný příspěvek (používá DJPW).

Související články

Detekce otevření DevTools

Jak zjistit, že se na stránce otevřely vývojářské nástroje.

13 minut

JavaScript null a undefined

Rozdíly mezi null a undefined v JavaScriptu, kdy je používat a jak se vyhnout běžným chybám.

12 minut

Sleep v JavaScriptu

Jak implementovat sleep/delay funkcionalitu v JavaScriptu pomocí Promise a async/await

6 minut

JavaScript Battery API

Jak v JS zjistit stav baterie, co dnes funguje a kdy API nepoužívat.

3 minuty

Web jecas.cz píše Bohumil Jahoda, kontakt
Seznam všech článků
2013–2025