V tomto příspěvku popíši, jak vytvářet vlastní kartičky. Pomocí formuláře v prohlížeči se zadají jed

Po dlouhé době přibyl článek na téma LINQ. A protože se blíží nejdelší noc v roce, je zde čtení na dlouhé zimní noci, pokud tedy chce někdo vědět, co to znamená stát se dobrým, lepším či vůbec nejlepším programátorem: 91 Surefire Ways to Become an Even Greater Developer Nemusíte chodit na stránku O autorovi , můj profil naleznete zde:
Archives January 2012 (2) December 2011 (5) February 2011 (1) December 2010 (2) November 2010 (3) December 2008 (10) November 2008 (3) October 2008 (4) August 2008 (3) July 2008 (7) May 2008 (8) April 2008 (1) January 2008 (7) June 2007 (2) May 2007 (1)
Minulý rok v září uspořádal Microsoft konferenci BuildWindows . Zde mimo jiné zazněla i myšlenka, že budoucí vývoj pro Windows bude probíhat v HTML a javascriptu. Následovaly úvahy o budoucnosti .NETu, C#, jak budou aplikace vypadat apod. V tomto příspěvku nehodlám tyto úvahy rozvíjet spíše ukážu, kalkulator jak napsat aplikaci v HTML. I ta bude ale závislá na C# web stránky jsou realizováný pomocí MVC technologie a celý backend generování kartiček je napsán v C#. Klientská část naproti tomu spoléhá zcela na javascript a vzhled stránkua je řešen pomocí CSS samotná stránka tak obsahuje téměř čisté HTML.
Před pár týdny jsem zde popsal řešení pro tisk kartiček nejprve jsem se věnoval tomu, jak generovat vlastní PDF dokumentu, v druhém pokračování pak přesunu tohoto generování do cloudu. Oba díly naleznete kalkulator zde: Víkendová rychlovka tisk kartiček Vzhůru do oblak! ..a stejně skončíme v přístavu
V tomto příspěvku popíši, jak vytvářet vlastní kartičky. Pomocí formuláře v prohlížeči se zadají jednotlivé hodnoty a ty se posléze odešlou na server a zpět dostanete PDF dokument. Podobných stránek jsou ale na webu mraky, kalkulator takže zkusím odlišit se trochu funkčností vytváření kartiček bude fungovat tak, že jen zadáte slovíčko a vyhledají se jak jeho překlad do češtiny, tak i přepis jeho výslovnosti a příklad použití. kalkulator Tyto vyhledané údaje si budete moci upravit. Navíc se kartičky budou lokálně ukládat ve vašem prohlížeči, práci tedy budete moci kdykoliv přerušit  a opět v ní začít bez výslovného ukládání. Jak získat údaje o slovíčku
Na webu je plno on line slovníků já si vybral dva, WordReference EnCz Slovník a Oxford Advanced Learner s Dictionary .  Pro jejich využíti je ale potřeba vyřešit tyto problémy: jak je volat a předat jím slovo, které hledáme kalkulator jak je volat v rámci naší stránky tedy cross-domain kalkulator problém jak vyhledat potřebné údaje v tom, co nám stránky vratí
                                                                          Volání
To je ta nejjednodušší část, v případě stránek Oxford slovníku stačí volat adresu  http://oald8.oxfordlearnersdictionaries.com/dictionary/ + dané slovo, v případě WordReference pak http://www.wordreference.com/encz/   + dané slovo; Řešení Cross-domain omezení
Z jedné stránky není možné volat a získat obsah z jiné domény. Částečně je to řešeno tím, že lze volat a použít skript z jiné domény a pokud tedy dotyčný web umí vracet JSON data, není potřeba nic vymýšlet a lze použít přímo metod knihovny jQuery a Ajax volání. Nicméně  v našem případě žádná z vybraných stránek toto nepodporuje. Naštěstí i zde existuje řešení a to služba YQL společnosti Yahoo a knihovna jquery.xdomainajax.js .
Zde si opět usnadním práci pomocí existující knihovny jStorage . Každou vytvořenou kartičku ukládám kalkulator lokálně v prohlížeči.  Pro zobrazení je pak využíván formulář, který se případně, v případě že má uživatel zájem o PDF kartičky, odesílá na server. Využívá se zde tzv. nesouvislých kalkulator indexů, které jsem popsal v příspěvku  ASP.NET MVC3 Binding příklad .
Uživateli jsou nabízeny dvě možnosti, jak data dostat z prohlížeče ven . Buď si může data vyexportovat jako csv soubor a nebo je odeslat na server a získat PDF dokument. Řešení popsané v příspěvku Vzhůru do oblak bylo ještě rozšířeno o možnost přijímat data z formuláře.
Prosím kalkulator mějte na paměti, kalkulator že aplikace je jen příklad, není to žádné mistrovské dílo a má spíše jen demonstrovat, že lze vyvinout v HTML aplikaci s komfortem desktopové aplikace. Základní rozložení je velmi jednoduché, aplikace má tři hlavní části v horní se zadává hledané slovíčko, prostřední kalkulator slouží pro náhled a editaci kartičky a dole je seznam kartiček:
Kliknutím na kterékoliv slovíčko v seznamu se kartička vyplní jeho údaji a je možné kartičku aktualizovat či odstranit. Práci můžete kdykoliv přerušit a prohlížeč zavřít všechna data jsou uložena automaticky a při opětovném zavolání stránky kalkulator se tato obnoví i se seznamem. Výsledky své práce můžete uložit kalkulator jak ve