Овај чланак говори о томе како руковати догађајима промене садржаја који се могу уређивати у ЈаваСцрипт-у и објашњава то уз помоћ примера.
Како руковати догађајима промене садржаја у ЈаваСцрипт-у?
Цонтентедитабле је набројани атрибут. Корисник може да изврши промене у садржају с обзиром на своје захтеве. Ако је то дозвољено, претраживач мења свој виџет да би омогућио измену елемената.
Које вредности су дозвољене догађајем промене који може да се уређује?
Цонтентедитабле може имати било коју од ових вредности:
- Плаинтект-онли представља да се оригинални текст може уређивати иако је форматирање обогаћеног текста онемогућено.
- Празан стринг или истина што значи да се елемент може уређивати.
- лажно што имплицира да се елемент не може уређивати.
Пример
Следећи пример објашњава како се садржај који се може уређивати може користити на веб страници. Хајде да погледамо код у наставку да бисмо га боље разумели:
ХТМЛ
Ево ХТМЛ кода који објашњава употребу догађаја промене садржаја који може да се уређује:
< блоцккуоте цонтентедитабле = 'истина' >
< х3 > ОВДЕ УРЕДИ СВОЈ САДРЖАЈ! < / х3 >
< / блоцккуоте >
У горњем ХТМЛ коду:
- Ознака блоцккуоте је креирана са атрибутом цонтентедитабле постављеним на труе. Ово ће омогућити уређивање садржаја унутар ознаке блок цитата.
- Ознака х3 је присутна унутар ознаке блок цитата. Пише „ОВДЕ УРЕДИ СВОЈ САДРЖАЈ!“, јер је присутно унутар <блоцккуоте>, што значи да корисник може уређивати садржај.
ЦСС
Да бисмо наш код учинили визуелно привлачним, користили смо следећи ЦСС код:
блоцккуоте {
позадини : пеацхпуфф ;
граница-радијус : 10пк ;
маргина : 10пк ;
}
блоцккуоте х3 {
паддинг : 10пк ;
}
У горњем ЦСС коду:
- Позадина ознаке блок цитата је подешена да има боју брескве са радијусом ивице од 10пк и маргином од 10пк.
- Заглавље х3 унутар цитата је подешено да има паддинг од 10пк.
Излаз :
Следећи излаз објашњава како се садржај може уређивати помоћу догађаја промене садржаја који може да се уређује у ЈаваСцрипт-у:
Важност уређивања садржаја
- Повећана интерактивност јер корисник може лако да мења садржај.
- Погодно прилагођавање као програмер уз помоћ ЈаваСцрипт-а може креирати модификована понашања као што је аутоматско чување, покретање различитих радњи на основу уноса корисника.
- Помаже да се поједностави процес уређивања омогућавајући кориснику да динамички уређује без потребе за посебним пољем за текст.
Закључак
Догађаји промене садржаја у ЈаваСцрипт-у омогућавају кориснику да измени садржај чинећи веб страницу прилагодљивом и прилагодљивом. Ово утире пут ка веб развоју усмереном на корисника, где корисник може да уређује садржај на веб страници у реалном времену омогућавајући боље корисничко искуство. У овом чланку се говорило о томе како да се рукује догађајима промене садржаја који се могу уређивати у ЈаваСцрипт-у и то је објашњено уз помоћ примера.