Felhasználói felület demó: XMLHttpRequest események

Mind a hagyományos, mind az XMLHttpRequest elemeknek helyük van a proformban. Melyiknek mi a szerepe? Hagyományos űrlapokat alkalmazunk olyan esetekben, amikor egy űrlapot elküldve egy teljesen más felületet kell adnunk a felhasználónak. XMLHttpRequest megoldásokat alkalmazunk az alábbi esetekben:

Fontos követelmény, hogy a háttérben zajló kommunikáció lezajlására és annak eredményére a felhasználó figyelmét vizuálisan felhívjuk.

Néhány tipikus példa (ezek konvencionális eszközök, de működésük nincs rögzítve):

  1. Adatellenőrzés – szerver oldali adatellenőrzés, mely tipikusan egyszerű szövegmezőket vizsgál (text, password). A helyes kitöltöttség megjelölésének sajátos módja van. Az első példa egy belépéssel egybekötött megjegyzés írása, a második pedig egy regisztrációban elhelyezett felhasználói név foglaltságának ellenőrzése.
  2. Dinamikus választólista – olyan választólista, amely – ahogy a példában is látható – egy másik űrlapelemtől függ, (amitől függ, az többféle mező lehet: szövegmező, választól ista, jelölőnégyzet, választógomb). A dinamikus választólisták egyszerűbb esetben megvalósíthatók hagyományos módon, de nagyobb adatmennyiség esetén jobb az XMLHttpRequest megoldás.
  3. Gyorsválasztó – egy olyan választólista, amelyet akkor alkalmazunk, amikor egy olyan adatot kell egy mezőbe beírnunk, amelyet – pontosan – csak szerver oldali kommunikációval tudhatunk meg. Az egyszerű gyorsválasztó egy szövegmezőből és egy választólistából áll (amikor a feltétel egy mezőben megadható). Az összetett gyorsválasztó pedig több mezőből és egy választólistából. Az első példa egy egyszerű gyorsválasztó működését mutatja be, a második példa pedig egy többsoros választólista lehetőségeinek kibővítését.
Személyes adatok

A megkülönböztetett színnel jelölt mezőket mindenképpen ki kell tölteni. A helyes azonosító és jelszó páros: gyuris:gumicsirke.

Regisztráció

A megkülönböztetett színnel jelölt mezőket mindenképpen ki kell tölteni. Már foglalt a gyuris felhasználói név.

Felhasználói események megtekintése

Válasszuk ki előbb, hogy mely felhasználói csoport közül szeretnénk eseményt megtekinteni.

Besorolás

A gyorsválasztó használatához a megadott mezőbe írjuk előbb be a kívánt keresési feltételt. (A gyur karatersorozatra kapunk eredményt.)

Gyorsválasztáshoz kattintson ide
Személyek hozzárendelése

Ezen az űrlapon lehetősége van új vagy már meglévő felhasználókat hozzárendelni egy eseményhez. (A gyur karatersorozatra kapunk eredményt.)

Már létező felhasználó hozzáadásához kattinston ide.
Gyorsválasztáshoz kattintson ide





800×600 1024×768