Keď je text zadaný správne, obrázok sa prevráti? - javascript, jquery

Navrhujem web pre výučbu jazykov. Chcem to mať, keď niekto zadá text do textového poľa, začne sa to pretáčať cez určité obrázky. Nižšie si pozrite moju ukážku

http://imageshack.us/photo/my-images/827/hiraganaquiz2.jpg/

Keď teda používateľ zadá „na“, prvý symbolzdôrazňuje, ako vidíte na mojej vzorke. Keď zadá „ma“, mal by sa druhý symbol zvýrazniť / prevrátiť. Chcem, aby všetky symboly zostali pri písaní správneho textu presunuté nadol. takže ak užívateľ napíše „nama“, prvé dva symboly by mali byť presunuté tak, aby ukazovali, že to boli správne, a po zadaní posledného správneho textu budú všetky tri presunuté. Môže to byť hotové? Ďakujem ti veľmi pekne!

odpovede:

Myslím si, že to do veľkej miery závisí od technológie"Používate. Ak podporujete AJAX, pravdepodobne by ste to mohli dosiahnuť pomocou vlajok nejakého druhu, ktoré skryjú" nevybraný "obrázok a nahradia ho" vybraným ".

Našiel som tento príspevok na fóre. Zdá sa, že je to podobné ako vaša otázka. Dúfam, že to pomôže: http://www.daniweb.com/web-development/javascript-dhtml-ajax/threads/101640/multiple-mouseover-events