Filtr Skrytý text

Z MoodleDocs
Přejít na:navigace, hledání
Chyba při vytváření náhledu: Náhled nelze uložit na dané místo.

Filtr Skrytý text umožňuje učitelům vkládat do textových oddílů skrytou nápovědu, kterou si student může v případě potřeby jednodušše aktivovat. Jedná se především o informace, které z textu jasně vyplývají, nebo které jsou pro pochopení dané pasáže nezbytné.

Instalace

  1. Stáhněte si filtr z archivu moodlu.
  2. Zkopírujte složku „hiddentext“ do adresáře „filter“ ve vaší instalaci Moodlu.
  3. Zkopírujte jazykové soubory do vašeho adresáře „lang“.
  4. Povolte používání filtru pomocí Sptáva stránek > Moduly > Filtry.

Používání

  1. Vytvořte celý požadovaný text.
  2. Vyberte části textu, které chcete používat jako skrytou nápovědu, a tyto části označte pomocí jednoho z následujících tagů:
    • <span filter="hiddentext">skrytá část textu</span>
    • <div filter="hiddentext">skrytá část textu o více řádcích</div>
  3. Použijte tag span, pokud chcete, aby skrytý text byl součástí příslušného odstavce, nebo tag div, pokud skrytý text svou strukturou přesahuje jeden řádek.
  4. Pokud pro úpravu textu používáte HTML editor, můžete tagy span a div vkládat přímo do textu pomocí hranatých závorek, tedy bez nutnosti přepínat do režimu zdrojového kódu stránky:
    • [span filter="hiddentext"]skrytá část textu[/span]
  5. Vyzkoušejte fungování filtru v uloženém textu.

Jak filtr funguje

  • Text uzavřený mezi tagy span a div bude po načtení stránky skrytý. Na jeho místě se objeví symbol oka.
  • Pokud student klikne na symbol oka, skrytý text se zobrazí. Při dalším kliknutí opět zmizí.

Volitelné možnosti nastavení

Pro další možnosti úprav vzhledu filtru je v rámci tagů span a div možné používat dva volitelné parametry:

  • class - možnost nastavení stylu zobrazení skrytého textu
  • desc - možnost měnit popisek, který se zobrazí u symbolu oka. Pokud parametr desc chybí u tagu div, zobrazí se výchozí nastavení podle příslušného "lang" souboru. Pokud parametr desc chybí u tagu span, zobrazí se pouze samotný symbol oka.


Pro parametr class jsou k dispozici následující styly:

  • hinline - vytvoří šedé pole ohraničené zespodu tečkovanou čárou
  • htext - vytvoří odsazené šedé pole ohraničené čárkovanou linií
  • hcode - vytvoří odsazené šedé pole ohraničené čárkovanou linií a změní font skrytého textu

Další styly můžete sami přidávat a upravovat v rámci css souboru používaného tématu moodlu.

Příklady použití

Tag SPAN bez parametrů

Zdrojový kód:

Tento text je <span filter="hiddentext">opravdu velice</span> krátký.


Počáteční zobrazení:

Chyba při vytváření náhledu: Náhled nelze uložit na dané místo.


Zobrazení po kliknutí na symbol oka:

Chyba při vytváření náhledu: Náhled nelze uložit na dané místo.


Tag SPAN s parametrem DESC

Zdrojový kód:

V Rusku slaví Vánoce až 6. ledna 
<span desc="Proč?" filter="hiddentext">protože stále používají
starší Juliánský kalendář</span>.


Počáteční zobrazení:

Chyba při vytváření náhledu: Náhled nelze uložit na dané místo.


Zobrazení po kliknutí na symbol oka:

Chyba při vytváření náhledu: Náhled nelze uložit na dané místo.

Tag DIV s parametrem DESC a CLASS

Zdrojový kód:

Mezi ekonomicky nejsilnější země světa patří USA, Japonsko, Německo a Čína.
<div filter="hiddentext" desc="Jaké jsou hlavní města?" class="htext">
USA - Washington 
Japonsko - Tokio 
Německo - Berlín 
Čína - Beijing
</div>


Počáteční zobrazení:

Chyba při vytváření náhledu: Náhled nelze uložit na dané místo.


Zobrazení po kliknutí na symbol oka:

Chyba při vytváření náhledu: Náhled nelze uložit na dané místo.

Viz také