Zpřehlednění stromových diskusí

První možnost řešení je si při načtení uložit (ať už k uživatelskému účtu nebo do cookie) čas a při načtení příštím příspěvky s časem novějším visuálně odlišit. Plus ještě uživatele informovat, kolik příspěvků je nových.

To je sice lepší než nic, ale rolovat stovkami příspěvků a hledat ty označené jako nové pořád není nic moc.

Náhled

Osvědčilo se mi vedle běžné dlouhé diskuse vygenerovat ještě jednu tu samou diskusi, kde jednotlivé příspěvky representují vodorovné čáry se znázorněním zanoření (pomocí odsazení), na kterých je rovněž provedeno standardní obarvení nových příspěvků.

Pokud si potom člověk chce projít nové příspěvky, relativně pohodlně si je prokliká z tohoto náhledu.

Náhled může nabízet ještě vylepšení:

  1. umožnit přecházení mezi novými příspěvky klávesami (např. a ),
  2. znázorňovat, které komentáře jsou zrovna ve viditelné části obrazovky,
  3. při najetí na čáru representující komentář jej zobrazit

Kromě automatického zvýraznění dle času posledního načtení, je vhodné přidat i kalendář, kde lze datum a čas ručně zadat.

  • V Opeře k tomu stačí jeden <input type=datetime>,
  • ve Firefoxu a Chromu jeden <input type=date> a jeden <input type=time>,
  • v Explorerech (včetně verse 10) jedině nějaký JS kalendář.

Ukázka v diskusích na D-FENS

K výše uvedenému jsem dospěl ve snaze zpřehlednit si diskuse na výše uvedeném webu. Takhle to vypadá:

Vylepšení stromových diskusí

Jelikož byl skript vytvářen jako uživatelský JS pro Operu, nefunguje nejspíš úplně ideálně napříč prohlížeči. Živá ukázka v HTML je tedy na vlastní nebezpečí.

Ukázka Samotný user JS User JS pro Operu

To je všechno. Líbil se vám článek a chcete se dozvědět, až vyjde další?

Sledujte:

 

Připomínky mi pište do komentářů ↓

Skloňování v CSS

„Programování“ v HTML a CSS

I bez úprav logiky serverového skriptu lze lecčeho dosáhnout samotným CSS.

Pročištění HTML kódu

Pročištění a opravení „prasáckého“ HTML

Jak z WYSIWYG editorů (jako třeba Word, starší TinyMCE/CKEditor) vytvořit rozumný a sémantický HTML kód.

Jak vytvořit WYSIWYG editor

Vlastní jednoduchý WYSIWYG editor

Chceme-li na webu zadávat text a běžná <textarea> už nestačí, řešením je napsat si vlastní WYSIWYG editor.

Detekce zapnutého JavaScriptu

Zapnutý a vypnutý JavaScript

Jak na webové stránce detekovat zapnuté nebo vypnuté skriptování.

Jak získat náhled webu?

Získání náhledu/obrázku webu

Jak lze automaticky získat obrázkový náhled webové stránky.

Komentáře