WebToDate/Ankety/Začínáme: Porovnání verzí
Založena nová stránka: == Vytvoření ankety zobrazované ve stránce se zprávou == V této kapitole je popsán postup, jak nakonfigurovat modul a vytvořit anketu tak, aby se tato anketa z… |
Bez shrnutí editace |
||
| Řádek 6: | Řádek 6: | ||
<nowiki>Toto klíčové slovo je <!--WTD_VOTE(VOTEFORM)-->, vložte proto do předlohy pro zprávy zhruba následující kód:</nowiki> | <nowiki>Toto klíčové slovo je <!--WTD_VOTE(VOTEFORM)-->, vložte proto do předlohy pro zprávy zhruba následující kód:</nowiki> | ||
<code> | |||
<nowiki><div class="hlasovaci_formular"></nowiki> | |||
<nowiki><!--WTD_VOTE(VOTEFORM)--></nowiki> | |||
<nowiki></div></nowiki> | |||
</code> | |||
Doporučená technika pro to je založení nového WebToDate fragmentu, v jehož těle bude výše uvedený kód, přiřazení tohoto fragmentu na vhodnou oblast v předloze pro zprávy a vygenerování této stránky. | Doporučená technika pro to je založení nového WebToDate fragmentu, v jehož těle bude výše uvedený kód, přiřazení tohoto fragmentu na vhodnou oblast v předloze pro zprávy a vygenerování této stránky. | ||
| Řádek 18: | Řádek 18: | ||
Hlavička | Hlavička | ||
<code> | |||
<nowiki><form action="<!--WTD_VOTE(TARGETURL)-->" method="post"></nowiki> | |||
<nowiki><input type="hidden" NAME="id" value="<!--WTD_VOTE(ID)-->"></nowiki> | |||
<nowiki><div style="border:1px solid black; padding:4px;"></nowiki> | |||
<nowiki><strong>Anketa: <!--WTD_VOTE(NAME)--></strong><br /></nowiki> | |||
</code> | |||
Tělo | Tělo | ||
<code> | |||
<nowiki><input type="radio" name="<!--WTD_VOTE(BUTTONNAME)-->" value="<!--WTD_VOTE(IDX)-->"> <!--WTD_VOTE(ANSWER)--><br /></nowiki> | |||
</code> | |||
Patička | Patička | ||
<code> | |||
<nowiki><input type="submit" value="Hlasovat"></nowiki> | |||
<nowiki><br /></nowiki> | |||
<nowiki>Celkem již hlasovalo uživatelů: <!--WTD_VOTE(TOTAL)--></nowiki> | |||
<nowiki></div></nowiki> | |||
<nowiki></form></nowiki> | |||
</code> | |||
Založte druhý styl se stejným zařazením pojmenovaný např. "Jednoduchá anketa - po hlasování" a vyplňte jej následujícím způsobem: | Založte druhý styl se stejným zařazením pojmenovaný např. "Jednoduchá anketa - po hlasování" a vyplňte jej následujícím způsobem: | ||
| Řádek 46: | Řádek 45: | ||
Hlavička | Hlavička | ||
<code> | |||
<nowiki><div style="border:1px solid black; padding:4px;"></nowiki> | |||
<nowiki><strong>Anketa: <!--WTD_VOTE(NAME)--></strong><br /></nowiki> | |||
</code> | |||
Tělo | Tělo | ||
<code> | |||
<nowiki><p></nowiki> | |||
<nowiki>Odpověď <strong><!--WTD_VOTE(ANSWER)--></strong> má aktuálně <!--WTD_VOTE(VOTECOUNT)--> hlasů, tj. <!--WTD_VOTE(PERCENTAGE)-->% všech hlasů.</nowiki> | |||
<nowiki><span style="background-color:navy;height:8px;width:<!--WTD_VOTE(IMGWIDTH)-->px;"></span></nowiki> | |||
<nowiki></p></nowiki> | |||
<code> | |||
Patička | Patička | ||
<code> | |||
<nowiki><em>Celkem již hlasovalo uživatelů: <!--WTD_VOTE(TOTAL)--></em></nowiki> | |||
<nowiki></div></nowiki> | |||
</code> | |||
První styl bude použit pro formátování anket před hlasováním uživatel, druhý styl po hlasování. | První styl bude použit pro formátování anket před hlasováním uživatel, druhý styl po hlasování. | ||
Verze z 24. 6. 2009, 20:34
Vytvoření ankety zobrazované ve stránce se zprávou
V této kapitole je popsán postup, jak nakonfigurovat modul a vytvořit anketu tak, aby se tato anketa zobrazila ve stránce zobrazující celý text zprávy. Předpokládá se, uživatel je přihlášen jako člen týmu Administrátoři.
V prvé řadě je třeba do předlohy pro zprávy vložit klíčové slovo pro anketní formulář na vhodné místo, tj. tam, kde se hlasování u zpráv má zobrazit.
Toto klíčové slovo je <!--WTD_VOTE(VOTEFORM)-->, vložte proto do předlohy pro zprávy zhruba následující kód:
<div class="hlasovaci_formular">
<!--WTD_VOTE(VOTEFORM)-->
</div>
Doporučená technika pro to je založení nového WebToDate fragmentu, v jehož těle bude výše uvedený kód, přiřazení tohoto fragmentu na vhodnou oblast v předloze pro zprávy a vygenerování této stránky.
Dále připravíme potřebné WebToDate styly. V nabídce WebToDate Vzhled / Styly založte nový styl pojmenovaný např. "Jednoduchá anketa - před hlasováním", zvolte u něho zařazení Ankety a vyplňte jej následujícím způsobem:
Hlavička
<form action="<!--WTD_VOTE(TARGETURL)-->" method="post">
<input type="hidden" NAME="id" value="<!--WTD_VOTE(ID)-->">
<div style="border:1px solid black; padding:4px;">
<strong>Anketa: <!--WTD_VOTE(NAME)--></strong><br />
Tělo
<input type="radio" name="<!--WTD_VOTE(BUTTONNAME)-->" value="<!--WTD_VOTE(IDX)-->"> <!--WTD_VOTE(ANSWER)--><br />
Patička
<input type="submit" value="Hlasovat">
<br />
Celkem již hlasovalo uživatelů: <!--WTD_VOTE(TOTAL)-->
</div>
</form>
Založte druhý styl se stejným zařazením pojmenovaný např. "Jednoduchá anketa - po hlasování" a vyplňte jej následujícím způsobem:
Hlavička
<div style="border:1px solid black; padding:4px;">
<strong>Anketa: <!--WTD_VOTE(NAME)--></strong><br />
Tělo
<p>
Odpověď <strong><!--WTD_VOTE(ANSWER)--></strong> má aktuálně <!--WTD_VOTE(VOTECOUNT)--> hlasů, tj. <!--WTD_VOTE(PERCENTAGE)-->% všech hlasů.
<span style="background-color:navy;height:8px;width:<!--WTD_VOTE(IMGWIDTH)-->px;"></span>
</p>
Patička
<em>Celkem již hlasovalo uživatelů: <!--WTD_VOTE(TOTAL)--></em>
</div>
První styl bude použit pro formátování anket před hlasováním uživatel, druhý styl po hlasování.
Dále přejděte do modulu Ankety. Nejprve je třeba založit nový předpis. Přejděte do nabídky Nastavení – Seznam předpisů a pomocí funkce Přidat založte předpis. Vyplňuje se pouze název, zvolte např. "Jednoduché hlasování".
Dále klepněte na nabídku Nastavení – Předpisy – Jednoduché hlasování. Zobrazí se formulář pro nastavení tohoto nově založeného druhu anket. Vyplňte jej dle následujícího otisku obrazovky, zejména volbu Zobrazit samostatně změňte na nezaškrtnuto. Formulář uložte.
[[Image:]] Nyní je již možné založit novou anketu. Přejděte do nabídky Data – Ankety modulu a pomocí odkazu Přidat založte novou anketu.
V první záložce Otázka zadejte zejména anketní otázku a ID zprávy, ve které se má anketa zobrazovat:
[[Image:]]
Ve druhé záložce Odpovědi zadejte možné odpovědi. Pomocí tlačítka Přidat odpověď se zvětšuje počet možných odpovědí, pomocí tlačítka Odstranit se odpověď odstraňuje.
[[Image:]]
Formulář uložte a zobrazte stránku se zprávou, ke která má anketa patřit (/scripts/detail.php?id=xxx, kde xxx je ID zprávy zadané výše). Zobrazí se hlasovací formulář jako na následujícím otisku obrazovky.
[[Image:]]
Zvolte jednu z odpovědí a použijte tlačítko Hlasovat. Zobrazí se anketa formátovaná stylem po hlasování:
[[Image:]]
Zde jsou uvedeny počty hlasů na každou odpověď, hlasujících celkem, procentuální výsledek hlasování i grafické znázornění výsledku pomocný barevného pruhu. Jedná se o velmi jednoduchý grafický design, ale vytvoření hezké grafiky pro tyto objekty je již otázkou úprav v HTML kódu ve výše založených stylech, samotné hlasování a zobrazování je již funkční.
Pokud stránku se zprávou v prohlížeči obnovíte, zobrazí se již pouze druhý typ stránky s anketou po hlasování – modul si pamatuje, že jste již na anketu odpovídal(a) a nezobrazuje typ před hlasováním. Pokud chcete přejít zpět a dále testovat formulář, jsou zde následující možnosti:
- Smazat cookies – uživatelé se identifikují pomocí cookies, modul pak zobrazí stav ankety před hlasováním.
- Smazat přímo v databázi obsah tabulky VOTERECORD (je třeba přímý přístup k databázi, pro toto není ve www rozhraní modulu funkce).
