HTML: události a forma prvků

Správně rozvíjet webový zdroj, pohodlně umístit položky na stránku, používat práci profesionálního designéra, zkušené znalosti koordinátora projektu a bohaté zkušenosti s internetovým programováním - to vše je velmi důležité. Revitalizace webu, použití více inteligentních informačních technologií, dynamický systém událostí a pohodlný dialog je důležitější u několika objednávek. Hlavní událostí je příjezd návštěvníka. Pokud návštěvník zůstal na místě, získal požadovaný výsledek a přinesl tucet kolegů, přátel nebo příležitostných známých - místo funguje dobře, "odpovídá za jejich slova" a provádí potřebná opatření.

Spektrum a význam událostí

Události HTML jsou dobře strukturované koncepce. Prvky stránky mohou generovat události. Vývojář má mechanismus pro šíření událostí pro vkládání prvků.


Hlavní události nejsou mnoho, ale možnosti jejich aplikace a kombinace - hodně. Skutečné úlohy vyžadují vytvoření jedinečných algoritmů pro zpracování událostí.
Tato tabulka zobrazuje nejdůležitější události. V konkrétní aplikaci mohou být jiné zcela jiné prohlížeče, například z prohlížeče: onafterprint, onbeforeonload, messaging atd.. U poskytovaných formulářů: oncontextmenu, onforminput a oninvalid. Existuje spousta věcí, ale oživení místa je docela dost z těch, které jsou zvýrazněny v tabulce. Ne všechny události by měly být použity. Například můžete trávit svůj vlastní čas a ujistit se, že máte dostatek událostí HTML na on-line: použití ondblclick není praktické. Zvláště překvapující je, že ondblclick vypadá na smartphonech a tabletách. Jako vždy, jednoduchost -klíčem k úspěchu. Při předkládání informací a zpracování událostí má toto pravidlo zásadní význam.


Logika webu a jeho události

Klíč na místo - logická operace. Použití libovolného populárního systému správy stránek (CMS) omezuje vývojáře, ale urychluje vývojový proces. Vytvořte si svůj vlastní jedinečný dialog s návštěvníkem mohl jen na „ruční práce“ je vyroben z „scratch“ při vytváření vlastní koncepci webu na základě jejich vlastního základního výzkumu, a nikoli na třetí strany šablony, vzory, rámy a knihovnách
  • zaměstnání - vždy jedinečný a skutečný;
  • návrh a prezentace informací - jedinečný styl;
  • Rozhodovací proces (dialog) je dynamický "inteligentní" komunikační proces.
  • Každý, i ten nejlepší CMS vůbec uložení developer a vlastník webu svůj styl práce. Není citlivý dialog s konkrétní hodnocení (dialog sama přizpůsobí podle) a použití těchto stránek, jak je to obvyklé v konkrétní oblasti úkolů v „smysl“ konkrétního CMS.
    Například stránky, internetové obchody - vše na jednu osobu, jsou-li na některou z populárních CMS, a nikdo z nich vám může pomoci učinit informované rozhodnutí nebo ledničku nebo pračku, natož počítač. Vyhledávače nikdy nedají "inteligentní" vydání. V obou případech si musí návštěvník uvědomit sám sebe a rozhodovat sám tak, aby získal požadované cíle.

    Jednoduchá forma: případ zpracování událostí

    Je dostatečné použít události HTML uvedenyoživit místo. Tento příklad zobrazuje obvyklý přihlašovací formulář. Používá prvek výběru HTML a události na prvcích div pro jeho přihlášení a odmítnutí.
    Přihlašovací formulář obvykle nepoužívá selektor ze seznamu témat práce, ale v některých případech je vhodné použít klasifikaci uživatelů podle kategorií a oprávnění. Například to může mít smysl, když úroveň dovednosti návštěvníka je generována hodnocením na webu, který dává návštěvníkovi více práv a příležitostí.

    Vlastnosti prvků

    Události mohou být přiřazeny prakticky k libovolnému prvku a pokud taková možnost neexistuje, můžete jednoduše ovládat pohyb myši na obrazovce. A vyřešit potřebné události.
    Například na obrazovce je mapa města. Návštěvník promíchá ukazatel a v samostatném okně se okamžitě objeví informace o tom, jakou ulici, číslo domu, objekt a jeho charakteristiky.
    Je třeba poznamenat, že některé prvky nejsou lépe vybaveny obsluhami událostí. Zejména ve výše uvedeném příkladu zavěste psovod na výběru - není správné. Ačkoli, pokud je vědomě provedeno, programátor by měl mít představu o tom, co dělá. Stejně tak můžeme říci o událostech tlačítka HTML. Samotná podoba způsobí zpracování události. Přidání tohoto standardního zpracování jinému psovateli není slibné. Závěsné pro zpracování značky "a" není také zajímavé. Samotný odkaz vytvoří přechod a způsobí zpracování události, další obslužný program může způsobit nejistotu nebo nepředvídatelné chování.

    Úvodinformace

    Nejžádanější aplikace událostí na prvky forem. Vstupní značka HTML - události, které umožňují kontrolu nad chováním návštěvníka. Každé vstupní pole může sledovat událost: "onblur" - ztráta zaostření - a udělat krok pro přepis dat přes formulář, odeslat informace serveru nebo ověřit a vrátit zaostření "na místo" pro správný vstup.
    Také je zajímavá událost: můžete nabídnout návštěvníkovi výchozí hodnotu nebo vypočítat hodnoty polí, přijaté zaostření, založené na obsahu dalších polí.

    Jmenování handlerů

    javascript dává vývojářům možnost přiřadit zpracovatelům událostí dynamiku. Jako obecné pravidlo, jak je ukázáno v příkladu výše, můžete v elementu HTML zadat obsluhu události - funkci na javascribu. Prostřednictvím mechanismu AJAX můžete přesměrovat zpracování událostí na server. Ve skutečnosti může vývojář řídit chování návštěvníka během práce posledně jmenovaného a načítat potřebné informace podle potřeby. Přesunutí události myši nebo klávesnice může vést k odesílání požadavků na server a změně prvků stránky. Strom prvků stránky DOM není dogmatem, nikoliv designem vytvořeným při načítání stránky HTML. Jakýkoli popisovač událostí značky HTML může způsobit změnu těchto značek. Jedná se o zcela normální provoz.

    V tomto příkladu jsou obslužníci přiděleni během provádění skriptu a když ztratí potřebu - jsou smazány. javascript umožňuje vytvářet nejen manipulátory událostí, ale takéDOM prvky. V tomto případě existuje pouze jeden problém: vývojář si musí představit práci webu v dynamice. Je to docela obtížné. V ideálním případě je dobrá stránka HTML jedna značka, například "Dobrý den", přestože v praxi může být tento greeter vybaven sémantikou webového zdroje, oblasti nebo úkolu.

    Návštěvník přišel - místo bylo určeno obsahem

    Jakmile návštěvník přišel na místo, začne se tvořit pod ním. To je ideální volba. Jednoduchý příklad: vyhledávač. Pokud je návštěvník již zde a může být jednoznačně identifikován, pak by dokonalým řešením bylo okamžitě vydat ne standardní stránku webu, ale jeden variant, ve kterém tento návštěvník dokončil předchozí relaci.
    Události ve formátu HTML a schopnost pracovat s soubory cookie dávají vývojářovi možnost si zapamatovat návštěvníka a vždy reagovat na to, co by chtěl udělat. Kromě paměti umožňuje události uspořádat "rollback": zrušení transakcí - důležitý doplněk k jakémukoli zdroji. Standard HTML je "zbaven" paměti, ale může být snadno emulován pomocí událostí a mechanismu AJAX.

    Priorita logiky práce

    Vytvořte krásné a moderní místo - není problém. Pokud používáte populární CMS, je to obvykle záležitost 15-20 minut. Existuje však rozdíl mezi okamžitým místem a webovým zdrojem, pro který uplynul měsíc, tři nebo dokonce rok.
    Zákazník vždy chce všechno najednou, ale najednou - je to jen informace a design. To nestačí k dynamickému přitahování pozornosti zákazníka. Logika webu -s přihlédnutím k zájmům návštěvníků, nejsou události HTML zaměřeny na zobrazování značek stránek, nýbrž na určování zájmů a přání zákazníka. Znát klienta v obličeji a odhadnout průběh jeho myšlenek - dobrou strategii pro kvalitní webový zdroj.

    Související publikace