For Android device For iOS device
១៤
កញ្ញា

ការ​បង្កើត Dynamic Menu ជាមួយនឹង JavaScript

កែ​សម្រួល​ឡើងវិញ ៖ នៅ​ថ្ងៃ​ទី ១៤ ខែកញ្ញា ឆ្នាំ ២០១៦​

​ក្នុង​អត្ថបទនេះ ANT Training សូមលើកយក ពីរបៀប​ក្នុង​ការ​បង្កើត Dynamic dropdown menu មក​ធ្វើការ​បង្ហាញ​លោកអ្នក​ដោយ​ប្រើ​ប្រាស់ XHTML/HTML, CSS និង JavaScript បញ្ចូល​គ្នា ។ សូមមើលរូប​ខាងក្រោម​៖

​ចំណាំ​៖  អ្នកអាចយក​គំរូ​នេះទៅ​ប្រើ​ជាមួយ PHP, ASP (.NET) , JSP ឬ​ភាសា​ផ្សេងទៀត​ដែល​អាច​ដំណើរ​ការ​ជាមួយ JavaScript

​ខាងក្រោម​នេះគឺជាជំហ៊ាន​នីមួយៗ នៃការ​បង្កើត Dynamic dropdown menu

ជំហានទី១៖ ​សរសេរ​HTML code ​ខាងក្រោម​នេះចូលទៅ​ក្នុង​ Text Editor ​របស់អ្នក​

​បន្ទាប់មក យើង​សរសេរ​កូដ​បន្ថែម​ទៀតនៅ​ខាងក្រោម បន្ទាត់ទី១៤ ដែល​វាមាន​តួនាទី​ជា Dropdown menu ដូច​ខាងក្រោម​៖

​ចំណាំ​: នៅបន្ទាត់ទី​១៣ onmouseleave=”hideDropdown () ” គឺជាការហៅ​ function នៅ​ក្នុង​ JavaScript ​ប្រើ​នៅលើ event “onmouseleave” ។ ហើយនៅបន្ទាត់ទី១៤ javascrip:void (0) ​សម្រាប់​រក្សាកុំ​ឲ្យ Dropdown menu របស់យើងបាត់ទៅវិញ និង នៅបន្ទាត់ទី១៤ នេះដ​ដែល event onclic=”showDropdown () ” ​ប្រើ​សម្រាប់​ហៅ function showDropdown () នៅ​ក្នុង​ JavaScript មក​ប្រើ ។

ជំហានទី២៖ ​សរសេរ​កូដ JavaScript ដើម្បី​ធ្វើការ​ទៅលើ Dropdown menu

ជំហានទី៣៖ ​ធ្វើការ​សរសេរ​កូដ CSS ចូលទៅ​ក្នុង file ​របស់អ្នក​ដោយដាក់​ឈ្មោះ​ថា style.css ​បន្ទាប់មក​ហៅកូដ CSS នេះទៅ​ប្រើ​នៅ​ក្នុង HTML  <link rel="stylesheet" type="text/css" href="style.css">

♦ ដកស្រង់ចេញពី​ទស្សនាវដ្ដី​អាន-ANT ច្បាប់​ទី ០១ ប្រចាំខែ កក្កដា ឆ្នាំ ២០០៨

មុខវិជ្ផា JavaScript តម្លៃ ៧០ដុល្លា ឬ ២៨០០០០រៀល សម្រាប់ Course Outline នៃ​វគ្គ​នេះ http://training.antkh.com/

​សម្រាប់​ស្នាដៃសិស្ស​ដែល​បាន​បញ្ចប់​វគ្គ​គេហទំព័រជា​ច្រើន នៅអាន-ANT http://training.antkh.com/achievements/?c=web

សូម​ចូលរួម​ជាសមាជិក ANT Training Group ដើម្បី​តាមដានសម្មភាពប្រចាំ​ថ្ងៃ​ជាមួយអាន-ANT
ចុច Like គេហទំព័រ www.antkh.com ដើម្បី​ទទួលបានអត្ថបទថ្មីៗ​ដែល​ទាក់ទងនឹង​បច្ចេកវិទ្យា​រៀងរាល់​ថ្ងៃ​

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

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