
Ikona přehrávání v <title>
Symbol přehrávání ▶ v titulku stránky jako je u videí na YouTube.
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 ▶.
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).
Použít HTML entitu
▶nebo▶.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 = "▶ " + 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.
- Již zmíněné přehrávání videa/hudby.
- Zobrazit počet nepřečtených zpráv/příspěvků (používá Facebook nebo Twitter).
- Signalisovat, že je na stránce rozepsaný příspěvek (používá DJPW).
Související články
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.
Sleep v JavaScriptu
Jak implementovat sleep/delay funkcionalitu v JavaScriptu pomocí Promise a async/await
JavaScript Battery API
Jak v JS zjistit stav baterie, co dnes funguje a kdy API nepoužívat.