ให้เรตสมาชิก: 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

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ทำอย่างไรให้ google slide นั้นสามารถแสดงหน้าที่เรากำหนดได้ ผ่าน url ครับ
โดย jamepiyawat ศ 06 ธ.ค. 2019 5:23 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
5
ศ 06 ธ.ค. 2019 5:23 pm โดย jamepiyawat
การทำนายข้อมูลแบบ Dicision Tree ด้วยโปรแกรม Weka
โดย Grammanano ศ 06 ธ.ค. 2019 5:16 pm บอร์ด Share Knowledge
0
7
ศ 06 ธ.ค. 2019 5:16 pm โดย Grammanano
ทำไม แปลงวันเดือนปีเป็นวันที่ ตามระบบของ Joomla แล้ววันถึงถอยไปวันหนึ่งครับ
โดย jamepiyawat ศ 06 ธ.ค. 2019 3:23 pm บอร์ด Joomla Development
1
10
ศ 06 ธ.ค. 2019 4:51 pm โดย thatsawan
คำสั่งพื้นฐานในการใช้ Matlab เพื่อการทำ Image Processing
โดย Grammanano ศ 06 ธ.ค. 2019 3:20 pm บอร์ด Share Knowledge
0
5
ศ 06 ธ.ค. 2019 3:20 pm โดย Grammanano
Introducing the Module Weather Forcecast.
โดย numtan5839 ศ 06 ธ.ค. 2019 2:34 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
2
9
ศ 06 ธ.ค. 2019 3:24 pm โดย numtan5839
เขียนบทความ แต่พอ save แล้วเนื้อหาไม่แสดง
โดย numtan5839 ศ 06 ธ.ค. 2019 2:30 pm บอร์ด MindPHP News & Feedback
0
9
ศ 06 ธ.ค. 2019 2:30 pm โดย numtan5839
จะทำอย่างไรให้ดึงข้อความ 10 ตัวท้ายได้ครับ
โดย jamepiyawat ศ 06 ธ.ค. 2019 11:39 am บอร์ด Programming - PHP
3
15
ศ 06 ธ.ค. 2019 2:04 pm โดย jamepiyawat
จะทำอย่างไรให้ Plugin Content Change Log แสดงข้อความด้านบนได้ ครับ
โดย jamepiyawat ศ 06 ธ.ค. 2019 11:03 am บอร์ด Joomla Development
1
14
ศ 06 ธ.ค. 2019 7:42 pm โดย thatsawan
งานประจำวันที่ 6 ธันวาคม 2562
โดย Grammanano ศ 06 ธ.ค. 2019 9:43 am บอร์ด M098 - อนงค์นาท ไฝขาว
1
11
ศ 06 ธ.ค. 2019 7:54 pm โดย Grammanano
งานประจำวันที่ 6 ธันวาคม 2562
โดย numtan5839 ศ 06 ธ.ค. 2019 9:34 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
10
26
ศ 06 ธ.ค. 2019 7:42 pm โดย numtan5839
เปิดตัวเว็บบอร์ด รูปแบบใหม่ ของเรา มีอะไรมาใหม่ ลองมาดูกัน เราใช้ phpBB 3.2 นะ
โดย mindphp พ 04 ธ.ค. 2019 7:44 pm บอร์ด MindPHP News & Feedback
1
31
พ 04 ธ.ค. 2019 8:03 pm โดย thatsawan
วิธีการ ใช้งาน Jquery คำนวณเลขฐาน 2 8 16
โดย Ittichai_chupol พ 04 ธ.ค. 2019 6:58 pm บอร์ด Jquery & Ajax Knowledge
0
947
พ 04 ธ.ค. 2019 6:58 pm โดย Ittichai_chupol
การใช้บอร์ด Arduino ต่อกับเซ็นเซอร์สี TCS3200
โดย Grammanano พ 04 ธ.ค. 2019 6:54 pm บอร์ด Share Knowledge
0
13
พ 04 ธ.ค. 2019 6:54 pm โดย Grammanano
คำสั่ง cmd และโปรแกรมที่ใช้สำหรับการเขียน python
โดย Grammanano พ 04 ธ.ค. 2019 6:02 pm บอร์ด M098 - อนงค์นาท ไฝขาว
2
15
พ 04 ธ.ค. 2019 8:04 pm โดย Grammanano
Google One เปิดสำรองข้อมูลบนระบบ Android
โดย noppadonsk พ 04 ธ.ค. 2019 5:42 pm บอร์ด Share Knowledge
0
16
พ 04 ธ.ค. 2019 5:42 pm โดย noppadonsk
แคปหน้าจอเว็ป แล้วแปลงเป็นไฟล์ PDF บนChrome
โดย noppadonsk พ 04 ธ.ค. 2019 5:28 pm บอร์ด Share Knowledge
0
15
พ 04 ธ.ค. 2019 5:28 pm โดย noppadonsk
วิธี ซ่อนไฟล์ใน Google Drive หายังไงก็ไม่เจอ
โดย noppadonsk พ 04 ธ.ค. 2019 5:16 pm บอร์ด Share Knowledge
0
17
พ 04 ธ.ค. 2019 5:16 pm โดย noppadonsk
รู้รึยังการใส่เพลงใน Google Slides
โดย noppadonsk พ 04 ธ.ค. 2019 4:41 pm บอร์ด Share Knowledge
0
14
พ 04 ธ.ค. 2019 4:41 pm โดย noppadonsk
คู่มือการเลือกใช้ไฟล์สำหรับงานออกแบบ
โดย noppadonsk พ 04 ธ.ค. 2019 4:20 pm บอร์ด Graphic design
0
12
พ 04 ธ.ค. 2019 4:20 pm โดย noppadonsk
แนะนำเทมเพลต MooZii Opencart - Template MooZiicart เรียบง่าย ทันสมัย ง่ายต่อการใช้งาน
โดย prmindphp พ 04 ธ.ค. 2019 4:04 pm บอร์ด MindPHP News & Feedback
1
969
พ 04 ธ.ค. 2019 5:02 pm โดย mindphp