วิธีเขียนโค้ด JavaScript ใน Joomla ผ่านไฟล์ภายใน

แชร์ ความรู้ในการ พัฒนา Joomla Component Extension Module Plugin

Moderator: mindphp, ผู้ดูแลกระดาน

adinan49
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 547
ลงทะเบียนเมื่อ: 01/11/2021 9:57 am

วิธีเขียนโค้ด JavaScript ใน Joomla ผ่านไฟล์ภายใน

โพสต์ที่ยังไม่ได้อ่าน โดย adinan49 »

รู้หรือยังเว็บไซต์ประภท CMS สามารถเขียนโค้ดแก้ไขในเว็บไซต์ได้ ซึ่งเว็บไซต์ CMS ที่เราจะมาเขียนโค้ดคือ Joomla นั้นเอง บทความนี้เราจะมาอธิบายขั้นตอนการเขียนโค้ด JavaScript ใน Joomla ผ่านไฟล์ภายใน

cms
ระบบการจัดการเนื้อหาของเว็บไซต์(Content Management System : CMS) คือ ระบบที่พัฒนา คิดค้นขึ้นมาเพื่อช่วยลดทรัพยากรในการพัฒนา(Development) และบริหาร(Management)เว็บไซต์ ไม่ว่าจะเป็นเรื่องของกำลังคน ระยะเวลา

joomla
ระบบการจัดการเนื้อหาของเว็บไซต์(Content Management System : CMS) คือ ระบบที่พัฒนา คิดค้นขึ้นมาเพื่อช่วยลดทรัพยากรในการพัฒนา(Development) และบริหาร(Management)เว็บไซต์ ไม่ว่าจะเป็นเรื่องของกำลังคน ระยะเวลา

javascript
JavaScript คือ ภาษาคอมพิวเตอร์สำหรับการเขียนโปรแกรมบนระบบอินเทอร์เน็ต ที่กำลังได้รับความนิยมอย่างสูง Java JavaScript เป็น ภาษาสคริปต์เชิงวัตถุ (ที่เรียกกันว่า "สคริปต์" (script) ซึ่งในการสร้างและพัฒนาเว็บไซต์ (ใช่ร่วมกับ HTML) เพื่อให้เว็บไซต์ของเราดูมีการเคลื่อนไหว สามารถตอบสนองผู้ใช้งานได้มากขึ้น


วิธีเขียนโค้ด JavaScript ใน Joomla ผ่านไฟล์ภายใน
JavaScript (หรือที่เรียกว่า ECMAScript) เป็นภาษาสคริปต์ที่ใช้เป็นหลักในการพัฒนาเว็บไซต์ฝั่งไคลเอ็นต์ เพื่อขยายและปรับปรุงประสบการณ์ของผู้ใช้ปลายทาง Joomla ช่วยให้นักพัฒนามีกลไกที่ใช้งานง่ายเพื่อรวม JavaScript ในส่วนขยายโดยใช้วิธีการ API ที่มีอยู่ มีหลายวิธีในการรวม JavaScript ในส่วนขยาย Joomla เราเริ่มเรียนขียนโค้ด JavaScript ใน Joomla ผ่านไฟล์ภายใน

การเขียน JavaScript ใน Joomla โดยเราจะเขียน JavaScript ของโมดูล Joomla กันครับ
เปิดไฟล์ หรือโฟเดอร์ joomla >> ไปที่โฟเดอร์ modules >> เลือก โฟเดอร์ mod_mgallery_slideshow
โฟเดอร์ Joomla
โฟเดอร์ Joomla
file joomla-1.png (67.85 KiB) Viewed 902 times
เลือกไฟล์ php ของโมดูลของผมเป็นไฟล์ฺ mod_mgallery_slideshow.php โดยเพิ่มโค้ดลงไปในไฟล์นี้
ไฟล์ php ของโมดูล
ไฟล์ php ของโมดูล
โมดูล php.png (89.86 KiB) Viewed 902 times
โค้ดลงไปในไฟล์ mod_mgallery_slideshow

โค้ด: เลือกทั้งหมด

$document = Joomla\CMS\Factory::getDocument();
$document->addScriptDeclaration("alert('hello');");
$document เป็นตัวแปร
Joomla\CMS\Factory::getDocument(); เป็นการเรียกใช้งาน class ของ joomla

$document ตัวแปร
->addScriptDeclaration เป็นส่วนที่จะให้สามรถใช้'งาน JavaScript ได้
("alert('hello');"); เป็นการใช้งาน alert ใน javaScript ที่ให้แสดง hello

ข้อควรระวัง Sigle Quote (') และ Double Quote (") ในวงเล็กขึ้นเครื่องหมายอะไร สิ้นสุดเครื่องหมายนั้น
จากตัวอย่างโค้ดขึ้นต้นด้วย Double Quote (") สิ้นสุดด้ยวย Double Quote (")

โค้ด: เลือกทั้งหมด

("alert('hello');");
เมื่แเราใส่โค้ดเรียร้อย หน้าจอแสดงผล
หน้าแสดงผลโดย การเขียน Javascript
หน้าแสดงผลโดย การเขียน Javascript
หน้าแสดงผล.png (19.69 KiB) Viewed 902 times
สรุปวิธีเขียนโค้ด JavaScript ใน Joomla ผ่านไฟล์ภายในต้องเขียนอยู่ class ของ Joomla ซึ่งถ้า้ราใช้การเรียก class ผิดไม่สามารถใช้งาน Javascipt ได้นั่นเอง อีกเรื่องเกี่ยวกับ Sigle Quote (') และ Double Quote (") ในวงเล็กขึ้นเครื่องหมายอะไร สิ้นสุดเครื่องหมายนั้น เพราะว่าในส่วนนี้จะมีคนผิดพลาดเยอะ เกี่ยวกับ Sigle Quote (') และ Double Quote (")


อ้างอิง
https://www.mindphp.com/%E0%B8%9A%E0%B8%97%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1/24-cms-php/155-cms-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3.html
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/2620-joomla-cms.html
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://docs.joomla.org/Adding_JavaScript
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 53