HTML: udalosti a forma prvkov

Správne rozvíjať webový zdroj, pohodlne umiestňovať položky na stránku, používať prácu profesionálneho dizajnéra, skúsených znalostí koordinátora projektu a bohaté skúsenosti s programovaním na internete - to všetko je veľmi dôležité. Revitalizácia lokality, uplatnenie inteligentnej technológie prezentácie informácií, dynamického systému udalostí a pohodlného dialógu je dôležitejšia pri niekoľkých objednávkach. Hlavnou udalosťou je príchod návštevníka. Ak návštevník zostal na mieste, získal požadovaný výsledok a priniesol tucet kolegov, priateľov alebo príležitostných známych - stránka funguje dobre, "je zodpovedná za ich slová" a vykonáva potrebné kroky.

Spektrum a význam udalostí

Udalosti vo formáte HTML sú dobre štruktúrované. Prvky stránok môžu generovať udalosti. Vývojár má mechanizmus na šírenie udalostí na vkladanie prvkov.


Hlavné udalosti nie sú veľa, ale možnosti ich aplikácie a kombinácie - veľa. Skutočné úlohy vyžadujú vytvorenie jedinečných algoritmov na spracovanie udalostí.
Táto tabuľka zobrazuje najdôležitejšie udalosti. V konkrétnej aplikácii môžu byť skutočne iné úplne iné prehliadače, napríklad z prehliadača: onafterprint, onbeforeonload, messaging, atď. Pre poskytnuté formuláre: oncontextmenu, onforminput a oninvalid. Existuje veľa vecí, ale oživenie stránky je dosť z tých, ktoré sú zvýraznené v tabuľke. Nie všetky udalosti by sa mali používať. Môžete napríklad stráviť svoj vlastný čas a uistiť sa, že máte dostatok udalostí na stránke HTML: použitie ondblclick nie je praktické. Zvlášť prekvapivé, ondblclick vyzerá na smartphonoch a tabletách. Ako vždy, jednoduchosť -kľúčom k úspechu. Pri predkladaní informácií a spracovaní udalostí má toto pravidlo prvoradý význam.


Logika webu a jeho udalosti

Kľúč na miesto - logická operácia. Použitie niektorého z obľúbeného redakčného systému (CMS) obmedzuje vývojárov, ale urýchľuje proces vývoja. Vytvorte si svoj vlastný jedinečný dialóg s návštevníkom mohol len na "ručné práce" je vyrobený z "scratch" pri vytváraní vlastnej koncepcii webu na základe ich vlastného základného výskumu, a nie na tretie strany šablóny, vzory, rámy a knižniciach
  • zamestnanie - vždy jedinečné a skutočné;
  • 13. návrh a prezentácia informácií - jedinečný štýl;
  • , procesné roztok (dialóg) - dynamická "inteligentné" proces komunikácie.
  • Každý, aj ten najlepší CMS vôbec uloženie developer a vlastník lokality svoj štýl práce. Nie je citlivý dialóg s konkrétnou hodnotenia (dialóg sama prispôsobí podľa) a použitie týchto stránok, ako je to obvyklé v konkrétnej oblasti úloh v "zmysel" konkrétneho CMS.
    Napríklad stránky, internetové obchody - všetko na jednu osobu, ak sú na niektorú z populárnych CMS, a nikto z nich vám môže pomôcť urobiť kvalifikované rozhodnutie alebo chladničku alebo práčku, nieto počítač. Vyhľadávače nikdy nedajú "inteligentnú" extradíciu. V oboch prípadoch, aby sa dostal požadovaný návštevník by sa mal príliš premýšľať a rozhodovať sám za seba.

    Jednoduchá forma: prípad spracovanie udalostí

    Je dostatočné použiť udalosti HTML uvedenéobnoviť stránku. Tento príklad zobrazuje obvyklý prihlasovací formulár. Používa prvok výberu HTML a udalosti na prvkoch div na prihlásenie a odmietnutie.
    Prihlasovací formulár zvyčajne nevyužíva volič z pracovného zoznamu tém, ale v niektorých prípadoch je vhodné používať klasifikáciu používateľov podľa kategórií a povolení. Napríklad, môže to mať zmysel, keď úroveň zručností návštevníka je generovaná ratingom na webe, ktorý dáva návštevníkovi viac práv a príležitostí.

    Vlastnosti prvkov

    Udalosti môžu byť priradené takmer ľubovoľnému prvku, a ak takáto možnosť neexistuje, môžete jednoducho ovládať pohyb myši nad obrazovkou. A pripraviť potrebné udalosti.
    Napríklad na obrazovke je mapa mesta. Návštevník zmieša ukazovateľ a hneď v samostatnom okne sú informácie o ulici, čísle domu, objekte a ich vlastnostiach.
    Treba poznamenať, že niektoré prvky lepšie nie sú vybavené obsluhujúcimi udalosťami. Najmä vo vyššie uvedenom príklade visieť psovod na výber - nie je správne. Aj keď by sa programátor mohol vedieť, mal by mať predstavu o tom, čo robí. Podobne môžeme povedať o udalostiach tlačidla HTML. Samotná forma spôsobí spracovanie udalosti. Pridanie tohto štandardného spracovania inému psovodu nie je sľubné. Hanging pre spracovanie značky "a" nie je tiež veľmi zaujímavé. Samotný odkaz vytvorí prechod a spôsobí spracovanie udalosti, prídavný psovod môže vytvoriť neistotu alebo nepredvídateľné správanie.

    Úvodinformácie

    Najžiadanejšia aplikácia udalostí na prvky foriem. Vstupná značka HTML - udalosti, ktoré umožňujú priebežné ovládanie správania návštevníkov. Každé vstupné pole môže sledovať udalosť: "onblur" - strata zaostrenia - a urobiť krok na prepísanie údajov vo formulári, odoslanie informácií na server alebo overenie a návrat zaostrenia "na miesto" pre správny vstup.
    Taktiež je zaujímavá udalosť "onfocus": môžete ponúknuť návštevníkovi predvolenú hodnotu alebo vypočítať hodnoty polí, prijaté zaostrenie na základe obsahu iných polí.

    Vymenovanie spracovateľov

    javascript dáva vývojárom možnosť priradiť spracovateľom udalostí v dynamike. Ako všeobecné pravidlo, ako je uvedené v príklade vyššie, v prvku HTML môžete určiť obsluhu udalosti - funkciu na javaskript. Prostredníctvom mechanizmu AJAX môžete presmerovať spracovanie udalostí na server. V skutočnosti môže vývojár ovládať správanie návštevníka počas jeho práce a načítať potrebné informácie podľa potreby. Presunutie myši alebo udalosti klávesnice môže viesť k odosielaniu požiadaviek na server a zmene prvkov stránky. Strom prvkov stránky DOM nie je dogma, a nie dizajn vytvorený pri načítaní stránky HTML. Každý popisovač udalostí značky HTML môže spôsobiť zmeny týchto značiek. Toto je úplne normálna operácia.

    V tomto príklade sú spracovatelia pridelení počas vykonávania skriptu a keď strácajú svoju potrebu - odstránia sa. javascript vám umožňuje vytvoriť nielen spracovateľov udalostí, ale ajPrvky DOM. V tomto prípade existuje len jeden problém: vývojár si musí predstaviť prácu lokality v dynamike. Je to docela ťažké. V ideálnom prípade je dobrá stránka HTML jedna značka, napríklad "Dobrý deň", aj keď v praxi môže byť tento greeter vybavený sémantikou webového zdroja, oblasti predmetu alebo úlohy.

    Navštívil sa návštevník - a lokalita bola určená s obsahom

    Hneď ako návštevník prišiel na miesto, ten sa začína vytvárať pod ním. Ide o ideálnu voľbu. Jednoduchý príklad: vyhľadávač. Ak už bol návštevník tu a možno ho jednoznačne identifikovať, potom ideálnym riešením by bolo okamžité vydanie nie štandardnej stránky lokality, ale jediný variant, v ktorom tento návštevník dokončil predchádzajúcu reláciu.
    Udalosti vo formáte HTML a schopnosť pracovať so súbormi cookie dávajú vývojárovi možnosť pamätať si návštevníka a vždy odpovedať na to, čo môže robiť. Okrem pamäte umožňujú udalosti aj organizovanie "vrátenia": zrušenie transakcií - dôležitý prídavok k ľubovoľnému zdroju. Norma HTML je "zbavená" pamäte, ale dá sa ľahko emulovať pomocou udalostí a mechanizmu AJAX.

    Priorita logiky práce

    Vytvorte krásne a moderné miesto - nie je problém. Pri používaní populárneho CMS je zvyčajne vecou 15-20 minút. Existuje však rozdiel medzi okamžitou stránkou a webovým zdrojom, pre ktorý uplynul mesiac, tri alebo dokonca rok.
    Zákazník vždy chce všetko naraz, ale všetko naraz - je to len informácia a dizajn. To nestačí na dynamickú príťažlivosť zákazníka. Logika stránky -pri zohľadnení záujmov návštevníkov nie sú udalosti HTML zamerané na zobrazovanie značiek stránok, ale na určenie záujmov a želaní klienta. Poznať klienta tvárou v tvár a odhadnúť priebeh jeho myšlienok - dobrá stratégia pre kvalitný webový zdroj.

    Súvisiace publikácie