Pravilno razviti web-izvor, prikladno smjestiti stavke na stranicu, koristiti rad profesionalnog dizajnera, iskusno znanje koordinatora projekta i bogato iskustvo u programiranju na Internetu - sve je to vrlo važno. Revitaliziranje stranice, primjena inteligentne tehnologije prezentacije informacija, dinamičan sustav događaja i udoban dijalog važniji su na nekoliko narudžbi. Glavni događaj je dolazak posjetitelja. Ako je posjetitelj ostao na stranici, on je dobio željeni rezultat i doveo desetak kolega, prijatelja ili povremenih poznanika - stranica dobro radi, "odgovorna je za njihove riječi" i izvodi potrebne radnje.
Spektar i značenje događaja
HTML događaji su dobro strukturirani koncept. Elementi stranice mogu generirati događaje. Programer ima mehanizam za širenje događaja za umetanje elemenata.
Glavni događaji nisu mnogo, ali mogućnosti za njihovu primjenu i kombinaciju - mnogo. Stvarni zadaci zahtijevaju stvaranje jedinstvenih algoritama za obradu događaja.
Ova tablica prikazuje najvažnije događaje. U određenoj aplikaciji mogu biti aktualni i drugi potpuno različiti preglednici, primjerice iz preglednika: onafterprint, onbeforeonload, onmessage, itd. Za isporučene obrasce: oncontextmenu, onforminput i oninvalid. Postoji mnogo stvari, ali oživljavanje stranice sasvim je dovoljno onih koje su istaknute u tablici. Ne smiju se koristiti svi događaji. Na primjer, možete potrošiti svoje vrijeme i osigurati da imate dovoljno HTML događaja: upotreba ondblclick nije praktična. Posebno iznenađujuće, ondblclick izgleda na pametnim telefonima i tabletima. Kao i uvijek, jednostavnost -ključ uspjeha. Prilikom podnošenja informacija i obrade događaja ovo je pravilo od najveće važnosti.
Logika mjesta i njegovih događaja
Glavna stvar za stranicu - logika rada. Korištenje bilo kojeg popularnog sustava za upravljanje web-lokacijama (CMS) ograničava programera, ali ubrzava razvojni proces. Možete stvoriti svoj vlastiti jedinstveni dijalog s posjetiteljem samo na web-mjestu "handmade", tj. Napravljenom od "nule" pri stvaranju vlastitog koncepta web-mjesta, na temelju vlastitog temeljnog razvoja, a ne na tuđim predlošcima, predložcima, okvirima i knjižnicama:
zadatak - uvijek jedinstven i stvaran;
dizajn i prikaz informacija - jedinstveni stil;
Proces odlučivanja (dijalog) je dinamičan "pametni" komunikacijski proces.
Bilo koji, čak i najbolji CMS uvijek nameće developeru i vlasniku stranice vlastiti stil rada. Ne radi se o adaptivnom dijalogu s određenim posjetiteljem (sam dijalog se prilagođava posjetitelju), nego o upotrebi stranice kao što je usvojen u određenom području zadataka u "razumijevanju" određenog CMS-a.
Na primjer, mjesta online trgovine su na istom licu kada se izrađuju na bilo kojem popularnom CMS-u, a niti jedna od njih ne može pomoći u donošenju razumnog izbora bilo hladnjaka ili perilice rublja, a još više računala. Tražilice nikada ne daju "pametnu" ekstradiciju. U oba slučaja, kako bi dobio željeni, posjetitelj mora sam misliti i sam donositi odluke.
Jednostavan oblik: primjer obrade događaja
Dovoljno je koristiti navedene HTML događajeoživjeti stranicu. Ovaj primjer prikazuje uobičajeni obrazac za prijavu. Ona koristi HTML element za odabir i događaje na elementima div za prijavu i odbacivanje.
Obično, obrazac za prijavu ne koristi selektor s popisa tema rada, ali u nekim je slučajevima prikladno koristiti korisničku klasifikaciju prema kategorijama i dozvolama. Na primjer, to može imati smisla kada se razina vještine posjetitelja generira ocjenom na web-lokaciji koja posjetitelju daje više prava i mogućnosti.
Značajke elemenata
Događaji se mogu dodijeliti gotovo svakom elementu, a ako nema takve mogućnosti, možete jednostavno kontrolirati kretanje miša preko zaslona. I raditi potrebne događaje.
Na primjer, na zaslonu je karta grada. Posjetitelj će pomiješati pokazivač, au odvojenom prozoru odmah će se naći informacije o tome koja ulica, kućni broj, objekt i njihove karakteristike.
Treba napomenuti da neki elementi bolje nisu opremljeni rukovateljima događajima. Konkretno, u gornjem primjeru, objesiti rukovatelja na odabiru - nije točna. Iako, ako je učinjeno svjesno, programer bi trebao imati ideju o tome što radi. Isto tako, možemo reći i za događaje HTML gumba. Sam obrazac uzrokuje obradu događaja. Dodavanje ove standardne obrade drugom rukovatelju ne obećava. Vješanje za obradu oznake "a" također nije jako zanimljivo. Sam link stvara prijelaz i uzrokuje obradu događaja, dodatni rukovatelj može stvoriti nesigurnost ili nepredvidljivo ponašanje.
Uvodinformacije
Najtraženija primjena događaja na elementima oblika. HTML ulazna oznaka - događaji koji omogućuju kontrolu ponašanja posjetitelja tijekom leta. Svako polje za unos može pratiti događaj: "onblur" - gubitak fokusa - i napraviti korak za ponovno prebrojavanje podataka preko obrasca, slanje informacija poslužitelju ili potvrđivanje i vraćanje fokusa "na mjesto" za ispravan unos.
Primanje fokusa "onfocus" također je zanimljiv događaj: posjetitelju možete ponuditi zadanu vrijednost ili izračunati vrijednosti polja, primljeni fokus, na temelju sadržaja drugih polja.
Imenovanje rukovatelja
javascripta daje programerima mogućnost dodijeliti rukovatelje događajima u dinamici. Kao opće pravilo, kao što je prikazano u gornjem primjeru, u HTML elementu možete navesti rukovatelj događajima - funkciju na javascriptu. Kroz AJAX mehanizam možete preusmjeriti obradu događaja na poslužitelj. Zapravo, programer može kontrolirati ponašanje posjetitelja tijekom rada potonjeg, učitavajući potrebne informacije po potrebi. Pomicanje događaja miša ili tipkovnice može dovesti do slanja zahtjeva poslužitelju i mijenjanja elemenata stranice. Stablo elemenata DOM stranice nije dogma, niti je dizajn oblikovan kada se učitava HTML stranica. Svaki rukovatelj događajima HTML oznake može uzrokovati izmjenu tih oznaka. To je potpuno normalan rad.
U ovom primjeru, rukovatelji su dodijeljeni za vrijeme izvođenja skripte, a kada gube svoju potrebu - brišu se. javascript omogućuje stvaranje ne samo rukovaoca događajima, nego iDOM elementi. U ovom slučaju, postoji samo jedan problem: programer mora zamisliti rad stranice u dinamici. To je vrlo teško. U idealnom slučaju, dobra HTML stranica je jedna oznaka, na primjer, "Pozdrav", iako u praksi ovaj pozdrav može biti opremljen semantikom web-resursa, predmetnog područja ili zadatka.
Posjetitelj je došao - i stranica je određena sadržajem.
Čim je posjetitelj došao na stranicu, on se počinje formirati ispod njega. Ovo je idealna opcija. Jednostavan primjer: tražilica. Ako je posjetitelj već bio ovdje i može se jedinstveno identificirati, onda bi savršeno rješenje bilo da se odmah ne izda standardna stranica web-mjesta, nego jedna varijanta u kojoj je posjetitelj završio prethodnu sesiju.
HTML događaji i mogućnost rada s kolačićima omogućuju razvijatelju sposobnost pamćenja posjetitelja i uvijek reagiraju na ono što on želi. Osim memorije, događaji omogućuju organiziranje "rollback": otkazivanje transakcija - važan dodatak bilo kojem resursu. HTML standard je "lišen" memorije, ali se lako može emulirati pomoću događaja i AJAX mehanizma.
Prioritet logike rada
Napravite lijepu i modernu stranicu - nije problem. Kada se koristi popularni CMS, to je obično 15-20 minuta. Međutim, postoji razlika između trenutnog mjesta i web-resursa za koji je prošao mjesec, tri ili čak godina.
Kupac uvijek želi sve odjednom, ali sve odjednom - to su samo informacije i dizajn. To nije dovoljno za privlačenje pozornosti kupca. Logika stranice -uzimajući u obzir interese posjetitelja, HTML događaji nisu usmjereni na posluživanje oznaka stranica, već na određivanje interesa i želja klijenta. Upoznajte klijenta u lice i pogodite tijek njegovih misli - dobra strategija za kvalitetan web-izvor.
Obično, obrazac za prijavu ne koristi selektor s popisa tema rada, ali u nekim je slučajevima prikladno koristiti korisničku klasifikaciju prema kategorijama i dozvolama. Na primjer, to može imati smisla kada se razina vještine posjetitelja generira ocjenom na web-lokaciji koja posjetitelju daje više prava i mogućnosti.
Primanje fokusa "onfocus" također je zanimljiv događaj: posjetitelju možete ponuditi zadanu vrijednost ili izračunati vrijednosti polja, primljeni fokus, na temelju sadržaja drugih polja.
