AJS pro webmastery - obsah pro vaše stránky zdarma

Majitelům internetových stránek nabízíme možnost vložit na jejich web automaticky generovaný obsah z Anglických slovíček.

Widget - Mini slovníček (Anglicko-Český)

Tento widget zobrazí miniaturní anglicko-český slovníček. Slova lze buďto zadávat ručně, nebo po zaškrtnutí políčka "hledat dvojklikem" i jen pomocí dvojkliku na libovolné slovo textu dokumentu.

Ukázka

Funkci "hledat dvojklikem" si můžete vyzkoušet na následujícín textu:

Today is a wonderful day! Let's get out and have fun!

Kód

Vložením následujícího kódu do vaší HTML stránky vložíte widget v podobě, jak je vidět v ukázce:

<div id="ajs_mini_dictionary"></div> <div class="ajs-attribution" style="font-size: 80%;">Obsah &copy; <a href="https://www.ajslovicka.cz/">Anglická slovíčka</a></div> <script type="text/javascript" src="https://www.ajslovicka.cz/api/js/ajsapi.js"></script> <script type="text/javascript"> var load_css = true; miniDictionary('ajs_mini_dictionary'); document.ondblclick = dictOnDblClick; </script>

Parametry

Řádky výše uvedeného kódu začínající slovem var představují nastavitelné parametry:

• load_css (true/false) - určuje zda se má dynamicky načíst implicitní styl. Pokud je hodnota false, widget nebude naformátovaný a vy si jej pak můžete naformátovat sami vlastním CSS kódem podle své libosti (více viz níže).
  
  

Widget - Slovíčka dne

Tento widget zobrazuje několik náhodných slovíček. Slovíčka se obměňují každý den a můžete zvolit jejich počet a slovník, ze kterého se vybírají.

Ukázka

Kód

Vložením následujícího kódu do vaší HTML stránky vložíte widget v podobě, jak je vidět v ukázce:

<div id="ajs_wotd"></div> <div class="ajs-attribution" style="font-size: 80%;">Obsah &copy; <a href="https://www.ajslovicka.cz/">Anglická slovíčka</a></div> <script type="text/javascript" src="https://www.ajslovicka.cz/api/js/ajsapi.js"></script> <script type="text/javascript"> var load_css = true; var wotd_words = 5; var wotd_dictionary = 2; wotd('ajs_wotd', wotd_dictionary, wotd_words); </script>

Parametry

Řádky výše uvedeného kódu začínající slovem var představují nastavitelné parametry, které mění chování widgetu:

• load_css (true/false) - určuje zda se má dynamicky načíst implicitní styl. Pokud je hodnota false, widget nebude naformátovaný a vy si jej pak můžete naformátovat sami vlastním CSS kódem podle své libosti (více viz níže).
  
  
• wotd_words (integer) - určuje, kolik slovíček se vygeneruje. Akceptuje hodnoty 1-20.
  
  
• wotd_dictionary (integer) - určuje slovní zásobu - 1 = základní, 2 = rozšířená, 3 = pro fajnšmekry
  
  

Widget - Fráze dne

Tento widget zobrazuje několik náhodných frází. Fráze se obměňují každý den a můžete zvolit jejich počet.

Ukázka

Kód

Vložením následujícího kódu do vaší HTML stránky vložíte widget v podobě, jak je vidět v ukázce:

<div id="ajs_potd"></div> <div class="ajs-attribution" style="font-size: 80%;">Obsah &copy; <a href="https://www.ajslovicka.cz/">Anglická slovíčka</a></div> <script type="text/javascript" src="https://www.ajslovicka.cz/api/js/ajsapi.js"></script> <script type="text/javascript"> var load_css = true; var potd_count = 3; potd('ajs_potd', potd_count); </script>

Parametry

Řádky výše uvedeného kódu začínající slovem var představují nastavitelné parametry, které mění chování widgetu:

• load_css (true/false) - určuje zda se má dynamicky načíst implicitní styl. Pokud je hodnota false, widget nebude naformátovaný a vy si jej pak můžete naformátovat sami vlastním CSS kódem podle své libosti (více viz níže).
  
  
• potd_count (integer) - určuje, kolik frází se vygeneruje. Akceptuje hodnoty 1-3.
  
  

Widget - Rychlý anglický kvíz

Tento widget zobrazuje miniaturní kvíz.

Ukázka

Kód

Vložením následujícího kódu do vaší HTML stránky vložíte widget v podobě, jak je vidět v ukázce:

<div id="ajs_quiz"></div> <div class="ajs-attribution" style="font-size: 80%;">Obsah &copy; <a href="https://www.ajslovicka.cz/">Anglická slovíčka</a></div> <script type="text/javascript" src="https://www.ajslovicka.cz/api/js/ajsapi.js"></script> <script type="text/javascript"> var load_css = true; var quiz_words = 5; var quiz_dictionary = 3; quiz('ajs_quiz', quiz_dictionary, quiz_words); </script>

Parametry

Řádky výše uvedeného kódu začínající slovem var představují nastavitelné parametry, které mění chování widgetu:

• load_css (true/false) - určuje zda se má dynamicky načíst implicitní styl. Pokud je hodnota false, widget nebude naformátovaný a vy si jej pak můžete naformátovat sami vlastním CSS kódem podle své libosti (více viz níže).
  
  
• quiz_words (integer) - určuje, kolik možností se zobraazí. Akceptuje hodnoty 3-10.
  
  
• quiz_dictionary (integer) - určuje slovní zásobu - 1 = základní, 2 = rozšířená, 3 = pro fajnšmekry
  
  

Vlastní nastylování widgetů pomocí CSS

Pokud implicitní styl widgetů nezapadá do vašich stránek dobře, můžete vypnout implicitní styl (nastavením parametru load_css na false) a vytvořit si styl vlastní. Jako šablonu pro váš vlastní styl můžete použít následující CSS kód:

/*** Odkaz na Anglicka slovicka - spolecne pro vsechny widgety ***/ div.ajs-attribution { padding-top: 1px; font-size: 80%; color: #666; } div.ajs-attribution a { color: #006886; text-decoration: none; } div.ajs-attribution a:hover { color: #34a8ca; text-decoration: underline; } /*** Widget: Slovicka dne ***/ div.ajs-wotd { border: 1px solid #ccc; padding: 0; color: #666; background-color: white; width: 300px; } div.ajs-wotd div.title { color: #711228; font-weight: bold; font-size: 110%; padding: 5px; border-bottom: 1px solid #ccc; background-color: #eee; } div.ajs-wotd div.wordslist { padding: 5px 10px 5px 10px; } div.ajs-wotd .word .en a { color: #0087ae; font-size: 90%; text-decoration: none; } div.ajs-wotd .word .en a:hover { text-decoration: underline; } div.ajs-wotd .word .cz { font-size: 90%; } /*** Widget: Fraze dne ***/ div.ajs-potd { border: 1px solid #ccc; padding: 0; color: #666; background-color: white; width: 300px; } div.ajs-potd div.title { color: #711228; font-weight: bold; font-size: 110%; padding: 5px; border-bottom: 1px solid #ccc; background-color: #eee; } div.ajs-potd div.phraseslist { padding: 5px 10px 5px 10px; } div.ajs-potd .phrase .en { font-weight: bold; font-size: 90%; text-decoration: none; } div.ajs-potd .phrase .cz { display: block; font-size: 90%; margin-bottom: 5px; } /*** Widget: Rychly kviz ***/ div.ajs-quiz { border: 1px solid #ccc; padding: 0; color: #666; background-color: white; width: 300px; } div.ajs-quiz div.title { color: #711228; font-weight: bold; font-size: 110%; padding: 5px; border-bottom: 1px solid #ccc; background-color: #eee; } div.ajs-quiz div.question { padding: 5px 5px 0px 5px; } div.ajs-quiz strong { color: black; } div.ajs-quiz div.optionslist form { margin: 0px; padding: 0px; } div.ajs-quiz div.optionslist { padding: 5px 10px 10px 10px; } div.ajs-quiz div#ajs-quiz-correct, div.ajs-quiz div#ajs-quiz-incorrect { padding: 0px 10px 10px 10px; } div.ajs-quiz input { border: 0; } /*** Widget: Mini slovnicek ***/ div.ajs-mini-dictionary { border: 1px solid #ccc; padding: 0; color: #666; background-color: white; width: 300px; } div.ajs-mini-dictionary div.title { color: #711228; font-weight: bold; font-size: 110%; padding: 5px; border-bottom: 1px solid #ccc; background-color: #eee; } div.ajs-mini-dictionary form { margin: 0px; padding: 5px; } div.ajs-mini-dictionary input#ajs-mini-dictionary-word { width: 100px; } div.ajs-mini-dictionary a { color: #0087ae; font-size: 90%; text-decoration: none; } div.ajs-mini-dictionary a:hover { text-decoration: underline; } div.ajs-mini-dictionary div.lookupbydblclick { font-size: 12px; } div.ajs-mini-dictionary div#ajs-word-lookup { padding-top: 5px; }

Podmínky užití

• Obsah může být umístěn na jakýchkoliv stránkách, vč. komerčních, kromě případů uvedených dále.
• Obsah nesmí být umístěn na stránkách, které jsou v rozporu s platnými zákony ČR.
• Obsah nesmí být umístěn na stránkách, jejichž tématika patří mezi následující: erotika, půjčky, hazard.
• Řádek s odkazem na náš web nesmí být odstraněn ani nastylován tak, že by se stal nečitelným.
• Vložený obsah nesmí generovat nepřiměřeně velký provoz.
• Obsah je poskytován bez garance správnosti i dostupnosti.

Závěrečné poznámky

• Obsah widgetů se načítá vzdáleně asynchronním mechanizmem.
• V některých prohlížečích může docházet k problémům s načítáním.
• Widgety sdílejí implicitní stylesheet.
• Na jedné stránce je možné použít více různých widgetů ale nikoliv dva či více stejných (nebudou fungovat správně).

Hlavní stránka nápovědy