joomla
ระบบการจัดการเนื้อหาของเว็บไซต์(Content Management System : CMS) คือ ระบบที่พัฒนา คิดค้นขึ้นมาเพื่อช่วยลดทรัพยากรในการพัฒนา(Development) และบริหาร(Management)เว็บไซต์ ไม่ว่าจะเป็นเรื่องของกำลังคน ระยะเวลา
javascript
JavaScript คือ ภาษาคอมพิวเตอร์สำหรับการเขียนโปรแกรมบนระบบอินเทอร์เน็ต ที่กำลังได้รับความนิยมอย่างสูง Java JavaScript เป็น ภาษาสคริปต์เชิงวัตถุ (ที่เรียกกันว่า "สคริปต์" (script) ซึ่งในการสร้างและพัฒนาเว็บไซต์ (ใช่ร่วมกับ HTML) เพื่อให้เว็บไซต์ของเราดูมีการเคลื่อนไหว สามารถตอบสนองผู้ใช้งานได้มากขึ้น
วิธีเขียนโค้ด JavaScript ใน Joomla ผ่านไฟล์ภายนอก
เป็นการสร้างไฟล์ Js แยก แล้วทำการเรียกใช้งานเพื่อให้สามารถทำงานได้ปกติโดยไม่จำเป็นต้องใส่โค้ดในไฟล์เป็นก้องๆ ความเป็นจริงเราไม่จำเป็นต้องใส่โค้ดในหน้าที่ใช้งานไฟล์นั้นเป็นจำนวนหลายบรรทัด แค่สร้างไฟล์แยกแล้วทำการเรียกใช้งานก็สามารถใช้งานปกติได้เลย
การเขียน JavaScript ใน Joomla โดยเราจะเขียน JavaScript ของโมดูล Joomla กันครับ
เปิดไฟล์ หรือโฟเดอร์ joomla >> ไปที่โฟเดอร์ modules >> เลือก โฟเดอร์ mod_mgallery_slideshow โดยผมจะใช้โปรแกรม Visual Studio Code ซึ่งเป็นโปรแกรมประเภท text editor เปิดโปรเจค joomla ทำการสร้างโฟเดอร์ ่ห ในโฟเดอร์ assets และไฟล์ไฟล์ js ขึ้นมา โค้ดในไฟล์ js
โค้ด: เลือกทั้งหมด
alert('hello');
$document เป็นตัวแปร
Joomla\CMS\Factory::getDocument(); เป็นการเรียกใช้งาน class ของ joomla
$document ตัวแปร
->addScriptเป็นส่วนที่จะให้สามรถใช้'งาน JavaScript ได้
Joomla\CMS\Uri\Uri::root(). เป็นการคลาส Root ของเครื่อง
'modules/mod_mgallery_slideshow/assets/js/slideshow.js เป็นตำแหน่งเรียกการใช้งานไฟล์ js
โค้ด: เลือกทั้งหมด
$document = Joomla\CMS\Factory::getDocument();
$document->addScript(Joomla\CMS\Uri\Uri::root() .'modules/mod_mgallery_slideshow/assets/js/slideshow.js')
วิธีเขียนโค้ด JavaScript ใน Joomla ผ่านไฟล์ภายนอก เป็นการเรียกใช้งานจากไฟล์ที่เราได้สร้างไฟล์แยกขึ้นมา เพื่อให้สามารถทำงานได้ วิธีเขียนโค้ด JavaScript ใน Joomla ผ่านไฟล์ภายนอกช่วยให้จัดระเบียบโค้ดง่ายต่อการหาโค้ดและแก้ไขอีกด้วย
อ้างอิง
http://marcuscode.com/lang/javascript/introducing-to-javascript
https://www.mindphp.com/%E0%B8%84%E0%B8%B9%E0%B9%88%E0%B8%A1%E0%B8%B7%E0%B8%AD/73-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3/2187-java-javascript-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3.html
https://www.webdodee.com/what-is-javascript/
https://www.mindphp.com/forums/viewtopic.php?f=143&t=80920