For Android device For iOS device

សីហា

របៀប​បង្កើត Custom dialog ដោយមិនបាច់​ប្រើ​ប្រាស់ Dialog របស់ Browser តែ​ប្រើ​ប្រាស់ JavaScript ជំនួសវិញ

ងាយៗ គេហទំព័រ www.antkh.com សូម​ណែនាំ​លោកអ្នក​ដែល​ចេះ JavaScript ខ្លះ​ៗ ពីរបៀប​ធ្វើ​ឲ្យ alert dialog ​របស់អ្នក​មានភាព​ស្អាត​ជាងមុន ដោយ​ប្រើ​ប្រាស់​ JavaScript ជំនួស​ឲ្យ​ការ​ប្រើ​ប្រាស់ alert របស់ Browser

​ដំណាក់​កាលទី១៖

យើងត្រូវ​បង្កើត HTML template ជាមុនសិន ដែល​យើងខ្វះ​មិនបាន ។ ក្នុង​ដំណាក់​កាលនេះយើងចែកចេញជាពីរ​ផ្នែក ទី១គឺ Form control ​សម្រាប់​បង្កើត​ឲ្យ​ចេញជា form ប៉ុន្តែ​វា​មិនបាន​ចាប់យក values មកទេ ។ វាមាន Event តែ​នៅលើ Button Save ប៉ុណ្ណោះ ។ ទី២គឺ ផ្នែក Dialog box ​សម្រាប់​បង្កើត dialog

​ដំណាក់​កាលទី២៖

យើងត្រូវ​សរសេរ​ Style CSS មួយចំនួន​សម្រាប់​ដាក់ style ទៅ​ឲ្យ​ dialog ​ក៏​ដូចជា element ​ដទៃ ។

​ដំណាក់​កាលទី៣៖

គឺយើងត្រូវ​សរសេរ JavaScript ដើម្បី​បាន Custom dialog ។ នៅ​ក្នុង​ JavaScript យើងមានពីរ​ function គឺ function loadDia () ទីមួយ​សម្រាប់​បង្ហាញ dialogwindow.innerWidth ​គឺ​សម្រាប់​ចាប់យកប្រវែង  បណ្ដោយរបស់ Screen computerwindow.innerHeight គឺ​សម្រាប់​ចាប់យកប្រវែងទទឹងរបស់ screen computer parseInt (dw/2 - w/2) និង parseInt (dw/2 - w/2) គឺ​សម្រាប់​គណនាប្រវែង width និង height ដើម្បី​ឲ្យ dialog របស់យើងស្ថិតនៅចំកណ្ដាល Horizontal និង Vertical នៃ Windows ​បន្ទាប់ពី​ការគណនាយើងត្រូវ​ផ្ដល់​តម្លៃ​ទៅ​ឲ្យ Element របស់យើង​តាមរយៈ dialog.style.left = Width + "px"; និងdialog.style.top = Height + "px";

Function ទី២គឺ Function hide () ​ប្រើ​សម្រាប់​បិទ​ផ្ទាំង dialog ទៅវិញ​នៅពេល​ដែល​យើង​ចុច នៅលើ​ពាក្យ Yes No ។ ដូច​ដែល​យើងបានឃើញនៅ​ក្នុង​ function ទី១គីយើង​កំណត់​ Style ​ឲ្យ​វា block ​មានន័យថា យើង​បង្ហាញ​វា​នៅពេល​យើងចុចលើ Button Save ។ នៅ​ក្នុង function ទី២នេះ document.getElementById ("popUpp") .style.display="none"; សម្រាប់​បិទdialog និងdocument.getElementById ("containPop") .style.display="none"; សម្រាប់​បិទ​ផ្ទាំង​ដែល​ផ្ទុកdialog box

​លទ្ធផល​៖

♦ រៀបរៀងអត្ថបទដោយ ៖ លោក សំ រិទ្ធី

♦ ត្រួត​ពិនិត្យ​និងកែ​សម្រួល​អត្ថបទដោយ៖ លោក ជា សែនកុសល

♦  ​សម្រាប់​ព័ត៌មាន​ទំនាក់ទំនងមកយើង​ខ្ញុំ ៖ លេខ​ទូរសព្ទ ០១០ / ០១៦ ៦៦៦ ៦៥៣
​សម្រាប់​ព័ត៌មាន​វគ្គ​សិក្សា​កុំព្យូទ័រ​នៅអាន-ANT http://training.antkh.com/
ឬ​អាច​ផ្ញើ​ចូល e-mail: anttraining2013@gmail.com
ឬ Facebook: https://www.facebook.com/anttrainning
Facebook Page: ANT Magazine
Facebook Group: https://www.facebook.com/groups/ANTTrGroup/
website: www.antkh.com 

មតិ និង​យោបល់​ទៅលើ​អត្ថបទ​នេះ (តាម Facebook)

ខាងក្រោម​នេះ​ជា​យោបល់​ផ្សេងៗ​របស់​អ្នកទស្សនា