For Android device For iOS device

សីហា

របៀប​បង្កើត View Popup រូបភាព​ដោយ​ប្រើ​ប្រាស់ JavaScript

​ថ្ងៃ​នេះគេហទំព័រ www.antkh.com នឹង​បង្ហាញ​អ្នកអំពីរបៀប​បង្កើត View Popup ​រូបភាព​ដោយ​ប្រើ​ប្រាស់ JavaScript ។ ដំបូងអ្នកត្រូវ​បង្កើត​ HTML tags ដើម្បី​រក្សាទុក​រូបភាព​ដែល​អ្នកចង់ បង្ហាញ​នៅ​ក្នុង​ page ​របស់អ្នក ដូច​ដែល​បាន​បង្ហាញ​នៅ​ខាងក្រោម​៖

​បន្ទាប់ពី​នេះមក ដើម្បី​បានភាពស្រស់​ស្អាត​នៅលើ Web page និង​ជំនួយដល់ការ​សរសេរ JavaScript ​របស់អ្នក ត្រូវ​ប្រើ Style CSS មួយចំនួនដូច​ខាងក្រោម​៖

ពេលនេះយើងចូលដល់​ចំណុច​សំខាន់ ដែល​យើងត្រូវ​ប្រើ​ប្រាស់ JavaScript ។ ក្នុង​ JavaScript យើងត្រូវ​ប្រើ​ប្រាស់​ Function ពីរ​គឺ៖

Function ទីមួយ ឈ្មោះ​ថា function view ដែល​វាមាន​តួនាទី ដើម្បី​បង្ហាញ​រូបភាព​នៅ​ក្នុង div មួយ​ដែល​មាន id ថា viewer

​សម្រាប់​បង្ហាញ​រូបភាព​នៅ​ក្នុង​ HTML ។ នៅ​ក្នុង​ Function view នេះ​ផងដែរ មាន Default function មួយទៀត​ឈ្មោះ​ថា onload

វា​ធ្វើការ​កំណត់​ទំហំ​រូបភាព​ឲ្យ​វា នៅចំកណ្ដាល Page ។ ចំណែក function hide វិញ គឺ​ប្រើ ដើម្បី hide ​រូបភាព​នៅពេល​ដែល​អ្នក click

​នៅលើ​ background ​ដែល​បានមានផ្ទៃពណ៌ប្រផេះ ។ ដូច​ដែល​កូដបាន​បង្ហាញ​ខាងក្រោម​៖

​លទ្ធផល​នៅពេល​បើក page ដំបូង៖

នេះគឺជា​លទ្ធផល​នៅពេល​ចុចលើ​រូបភាព​៖

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

​សម្រាប់​ព័ត៌មាន​ទំនាក់ទំនងមកយើង​ខ្ញុំ ៖ លេខ​ទូរសព្ទ ០១០ / ០១៦ ៦៦៦ ៦៥៣

​សម្រាប់​ព័ត៌មាន​វគ្គ​សិក្សា​កុំព្យូទ័រ​នៅអាន-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)

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