7. 1. 2009

Vložení formuláře z Google Dokumentů do stránky

Sběr dat pomocí Google formulářů jsou určitě jednou z nejzajímavějších vlastností Google Dokumentů. Nevýhodou je nemožnost nastavení vlastního vzhledu. Vložení do vlastního HTML kódu také bohužel Google přímo nepodporuje.

Pro jednodušší formuláře lze tyto nevýhody ovšem obejít. Pokusil jsem se o to s pomocí upraveného návodu z Google Operating System.

Zjednodušeně je potřeba udělat toto:

  1. vzít vygenerované HTML formuláře
  2. přidat k němu javascriptovou validaci, aby neprobíhala na serveru Google
  3. přidat vlastní stylopisy odpovídající vzhledu webu

Pro javascriptovou validaci jsem na rozdíl od zmiňovaného návodu použil jQuery plugin Validation, jehož základní implementace je velmi snadná.

Výsledek lze zkoumat ve zdrojovém kódu této stránky.

Komentáře

Tagy: html google dokumenty css jquery

Reklama: Kurz HTML5 a CSS3 — snadnější život na front-endu
S pomocí nových vlastností CSS3 a HTML5 ušetříte čas, který pak můžete vrátit uživatelům vašeho webu — v podobě bohaté sémantiky, rychlého načítání nebo snadnějšího prohlížení na mobilních zařízeních.

blog comments powered by Disqus
Web Statistics