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

Jak vkládat 3D objekty na web pomocí Three.js

Které formáty použít, jak vytvářet modely pomocí AI a kdy raději použít obrázek nebo video.

15 minut

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

Novinky e-mailem

Když budu mít něco opravdu zajímavého, můžu vám to poslat e-mailem

Přidej se k 500+ čtenářům
Jen kvalitní obsah
Žádný spam

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