Kartais būna tokių situacijų, kai prireikia dinamiškai įkelti HTML objektus panaudojant JavaScript (toliau JS). Teko daryti vieną projektą, kurį reikėjo prifarširuoti dinaminiais formos laukų kūrimais, eventų pridėjimais ir kitais dalykėliais. Pateiksiu truputį informacijos.

Pradesime nuo HTML kodo kurį naudosime: Čia
Dabar apsirašom failą script.js su JS funkcijom: Čia

Rašant šį kodo gabaliuką reikia žinoti šias funkcijas:

• obj.getElementById(ID) - paima HTML objektą su tam tikru ID
• createElement(element) - sukuria HTML objektą
• obj.appendChild(child) - įdeda objektą į kitą objektą
• obj.removeChild(child_obj) - pašalina objektą iš objekto
• obj.lastChild - identifikuoja paskutinį objekto elementą

Viskas šiame pavyzdyje yra trivialu, įdomesnė yra tik funkcija add_event. Aš ją radau internete, kai po ilgų galvos laužymų supratau, kad niekaip kitaip man veiksmo prie objekto prisieti nepavyks, jeigu norėsiu, kad tai veiktų tiek ant Internet Explorer (IE) tiek ant FireFox (FF). Minėtoji funkcija yra labai gera, nes ji identifikuoja kokią naršyklę naudoja vartotojas ir atitinkamai parenka kokius objekto atributus/metodus reikėtų naudoti.

Kur pritaikomas toks dalykas? Viskas matosi pavyzdyje. Mes kuriame trynimo mygtuką ir norime, kad jį paspaudus būtų ištrintas paskutinis elementas, tačiau jeigu mes neprisiesime jam veiksmo, tai jis nieko ir nedarys. Labai gerai įsidėmėkite funkciją add_event, ir naudokite visada, kai reikia.

DISCLAIMER! Tai pirmas mano mokomasis straipsniukas, bandžiau parašyt kuo greičiau, tai taip ir gavosi - nei šis, nei tas

* ironic išėjo (Quit: There is no point in arguing with an idiot, they will just drag you down to their level and beat you with experience)

nu nerealiai pasakyta

Ilgai galvojau apie savo blog’ą. Norėjau programuoti pats, bet taip jau gaunasi, kad visiškai neturiu laisvo laiko, todėl susimečiau populiarųjį WordPress.

Atėjo laikas ir man pažerti savo žinias bei idėjas ant stalo ir stoti akistaton su “vilkais”, bei pagelbėti naujokams.