ให้เรตสมาชิก: 5 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งาน
 

การเรียกใช้ไฟล์ CSS และไฟล์ JavaScript ใน CodeIgniter Framework

 

          ใน CodeIgniter หรือเรียกย่อๆกันว่า CI เป็นเฟรมเวิร์คที่ถูกพัฒนาขึ้นมาด้วยภาษา php Codelgniter Framework เหมาะในการพัฒนาเว็บไซต์หรือเว็บแว็บแอพพลิเคชัน โดยได้วางโครงสร้างในการพัฒนาโปรแกรมอย่างเป็นระบบ และได้รวมเอาคำสั่งต่างๆที่จำเป็นในการพัฒนาเว็บไซต์ด้วยภาษา  PHP ไว้ภายใน CodeIgniter Framework ซั่งได้พัฒนาโดย Rick Ellis มีลิขสิทธิ์เป็น Open Source สามารถดาวน์โหลดและใช้งานได้ฟรี ถูกพัฒนาขึ้นตั้งแต่ปี 2006 และยังมีการพัฒนามาเรื่อยๆ จนถึงปัจจุบัน ในปัจจุบันเวอร์ชันของ CodeIgniter Framework คือ เวอร์ชัน 3.1.9 ที่เป็นเวอร์ชันปัจจุบัน โดย CodeIgniter Framework มีการเรียกใช้งานไฟล์ต่างๆได้ไม่ว่าจะเป็นไฟล์ CSS และไฟล์ JavaScript โดยมีวิธีการเรียกใช้ดังนี้

 

วิธีการเรียกใช้ไฟล์ CSS และไฟล์ JavaScript ดังนี้

  1. สร้างโฟลเดอร์ css และโฟลเดอร์ js ไว้ด้านนอก directory ดังรูป
    CodeIgniter คือ Framework ที่ถูกพัฒนาขึ้นด้วยภาษา PHP CodeIgniter Framework เหมาะสำหรับพัฒนาเว็บไซต์และเว็บแอปพลิเคชั่น
    สร้างโฟลเดอร์ css และ js
  2. จากนั้นนำไฟล์ .css และไฟล์ .js ไปวางในโฟลเดอร์ที่ได้สร้างไว้ ดังรูป
    CodeIgniter คือ Framework ที่ถูกพัฒนาขึ้นด้วยภาษา PHP CodeIgniter Framework เหมาะสำหรับพัฒนาเว็บไซต์และเว็บแอปพลิเคชั่น
    สร้างโฟลเดอร์ css และ js
  3. จากนั้นไปที่ไฟล์โปรเจคที่อยู่ในโฟลเดอร์ที่อยู่ใน view อีกทีดังตัวอย่าง
    CodeIgniter คือ Framework ที่ถูกพัฒนาขึ้นด้วยภาษา PHP CodeIgniter Framework เหมาะสำหรับพัฒนาเว็บไซต์และเว็บแอปพลิเคชั่น
    ไฟล์ที่ต้องการจะเพิ่มไฟล์ css และ js
  4. จากนั้นเพิ่มโค้ดเรียกไฟล์ css และ ไฟล์ js ได้ดังโค้ด
    <html>
    <head>
            <link href="/../../css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
            <script src="/../../js/bootstrap.min.js" type="text/javascript"></script>
    </head>
    </html>​

 

 

          เมื่อเราทำการเรียกใช้ไฟล์ css และไฟล์ js แล้วแล้วเราก็สามารถเรียกใช้งาน class css ได้ตามปกติแค่อยู่ที่ว่าเราดาวโหลด bootstrap เวอร์ชันไหนมาก็ใช้งาน class ตามเวอร์ชันได้เลย

 

ช่องทางการศึกษาเพิ่มเติมข่าวที่น่าสนใจเกี่ยวกับ : HTML css CodeIgniter Framework

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
B - เข้าเมนูหน้ารวมรายการใน admin ไม่ได้
โดย thatsawan ศ 29 พฤษภาคม 2020 5:58 pm บอร์ด Odoojob.com - Tester
0
1
ศ 29 พฤษภาคม 2020 5:58 pm โดย thatsawan
B - ยังขาดหน้าผลการค้นหา จาก search.php
โดย mindphp ศ 29 พฤษภาคม 2020 6:11 am บอร์ด FDD (Main)
0
1
ศ 29 พฤษภาคม 2020 6:11 am โดย mindphp
B - กล่องค้นหาจากหน้า index ใช้งานไม่ได้ กดแล้วไม่ไปหน้าค้นหา
โดย mindphp ศ 29 พฤษภาคม 2020 5:39 am บอร์ด FDD (Main)
1
1
ศ 29 พฤษภาคม 2020 5:53 am โดย mindphp
B - ไม่ใช่แค่โชว์ icon facebook มันต้องทำลิงค์เพื่อให้คลิกไป
โดย mindphp ศ 29 พฤษภาคม 2020 4:39 am บอร์ด FDD (Main)
1
2
ศ 29 พฤษภาคม 2020 4:51 am โดย mindphp
อัพเดท phpbb 3.3 เเล้ว extenstion ใช้งานไม่ได้
โดย thatsawan พฤ 28 พฤษภาคม 2020 10:08 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
1
16
พฤ 28 พฤษภาคม 2020 10:10 pm โดย thatsawan
วิธีการสร้าง css ที่ใช้งานเฉพาะในบราวเซอร์ safari เท่านั้น
โดย Ittichai_chupol พฤ 28 พฤษภาคม 2020 6:06 pm บอร์ด CSS Knowledge
0
7
พฤ 28 พฤษภาคม 2020 6:06 pm โดย Ittichai_chupol
R - Set Demo เป็น subdomain ของ ตัวนี้
โดย mindphp พฤ 28 พฤษภาคม 2020 6:17 am บอร์ด มารียา ซีฟู้ดส์ - Developer
0
8
พฤ 28 พฤษภาคม 2020 6:17 am โดย mindphp
อยากทราบวิธีการกำหนด ค่า css ให้กับ button โดยกำหนดเฉพาะแต่ละบราวเซอร์
โดย Ittichai_chupol พ 27 พฤษภาคม 2020 8:39 pm บอร์ด HTML CSS
1
24
พ 27 พฤษภาคม 2020 9:15 pm โดย mindphp
อัพเดท Changelog flask framework ของภาษา Python
โดย jirawoot พ 27 พฤษภาคม 2020 12:19 pm บอร์ด Python Knowledge
0
19
พ 27 พฤษภาคม 2020 12:19 pm โดย jirawoot
งานประจำวันที่ 27 พฤษภาคม 2563
โดย yositacha26 พ 27 พฤษภาคม 2020 12:13 pm บอร์ด MP011 - โยษิตา จันทะวงษ์
1
25
พ 27 พฤษภาคม 2020 12:15 pm โดย yositacha26
อยากทราบว่า วิธีการกำหนดการตั้งค่า ภาษาไทย ใน Netbeans
โดย Ittichai_chupol พ 27 พฤษภาคม 2020 10:13 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
18
พ 27 พฤษภาคม 2020 10:13 am โดย Ittichai_chupol
B - บริษัท approve ประวัติที่ส่งมาสมัครเเล้ว เเต่ยังแสดงสถานะเดิมอยู่
โดย thatsawan อ 26 พฤษภาคม 2020 6:27 pm บอร์ด Odoojob.com - Tester
0
4
อ 26 พฤษภาคม 2020 6:27 pm โดย thatsawan
อยากทราบวิธีการแก้ไข ภาษาไทยกลายอักษรแปลกๆ
โดย Ittichai_chupol จ 25 พฤษภาคม 2020 4:35 pm บอร์ด Programming - PHP
1
41
จ 25 พฤษภาคม 2020 5:43 pm โดย thatsawan
อยากทราบวิธีการ แบบคอลัมเป็น 3 คอลีม โดยใช้ tag <dl>
โดย Ittichai_chupol จ 25 พฤษภาคม 2020 11:56 am บอร์ด HTML CSS
1
44
จ 25 พฤษภาคม 2020 2:42 pm โดย thatsawan
บันทึกประชุม มารียา ซีฟู้ดส์
โดย thatsawan จ 25 พฤษภาคม 2020 11:40 am บอร์ด มารียา ซีฟู้ดส์ (Main)
2
12
ศ 29 พฤษภาคม 2020 9:32 am โดย tsukasaz
10 สุดยอดสตรีทฟู้ดในแอฟริกาตะวันตก
โดย Anonymous อ 24 พฤษภาคม 2020 9:58 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
57
จ 25 พฤษภาคม 2020 8:03 pm โดย ขุนพล ตั้นตระกูล
ข้อมูลสำหรับทำระบบ
โดย mindphp อ 24 พฤษภาคม 2020 4:07 am บอร์ด มารียา ซีฟู้ดส์ (Main)
0
10
อ 24 พฤษภาคม 2020 4:07 am โดย mindphp
อัพเดดความคืบหน้า / Progress - มารียา ซีฟู้ดส์
โดย mindphp อ 24 พฤษภาคม 2020 4:07 am บอร์ด มารียา ซีฟู้ดส์ (Main)
3
22
ศ 29 พฤษภาคม 2020 2:25 pm โดย thatsawan
อัพเดด Template เว็บไซต์ FDD (V2)
โดย mindphp อ 24 พฤษภาคม 2020 3:51 am บอร์ด FDD (Main)
0
1
อ 24 พฤษภาคม 2020 3:51 am โดย mindphp
R - ปรับกราฟฟิก ของเว็บ FDD
โดย mindphp อ 24 พฤษภาคม 2020 3:50 am บอร์ด FDD (Main)
0
2
อ 24 พฤษภาคม 2020 3:50 am โดย mindphp