Code for Dek-d Customization

---

แจกโค้ดจร้า ถ้าเข้าใจว่าจะใช้มันอย่างไรก็เอาไปได้เลย จะไปแชร์ต่อก็ได้ เครดิตสำหรับบทความนี้จะให้หรือไม่ให้ก็ได้ แต่บางครั้งบางส่วนของโค้ดจะมาจากคนอื่น ก็รบกวนให้เครดิตกับเจ้าของโค้ดนั้นหน่อยแล้วกันครับ

---

บทความนี้ถูกเขียนขึ้นก็เพื่อเป็นการฝึกการเขียนโค้ดและการใช้งานไลบลาลีต่างๆ ที่มีในภาษา JavaScript และความที่จะพัฒนาการเขียนและการหาข้อมูลมาสนับสนุนไอเดียที่ต้องการจะอธิบาย

เนื่องจากเป็นบทความที่ฝึกเขียนโค้ดเท่านั้น ตัวบทความเองจึงอาจจะถูกเปลี่ยนแปลงบ่อยอยู่ๆ

ปล. ช่วงนี้อาจจะหายไปสักพัก เริ่มหมดไอเอียและไม่ค่อยมีเวลา เหอะๆ

ปล2. โค้ดบางส่วนอาจจะได้รับผลกระทบจากการเปลี่ยนแปลงโครงสร้างเว็บของเด็กดี ซึ่งยังไม่มีเวลาแก้ไข

---

เขียนโค้ด Search Box ใหม่ทั้งหมด โดยช้ Polymer platform

แก้ให้ทุกหน้าโหลดไฟล์ตบแต่งจากส่วนกลาง (ลดการแก้ไขโค้ดตบแต่งในทุกๆ ตอน ถ้าเกิดเปลี่ยนโค้ดที่ใช้ตบแต่ง)

---

---

โค้ดที่ถูกใส่ไว้ในหน้าหลักนี้คือ

1. Search Box - โดยโค้ดนี้จะทำการเพิ่มกล่องค้นหาขึ้นมา เพื่อที่ผู้เข้าชมสามารถค้นหาโค้ดที่ต้องการได้ ในกรณีที่บทความีโค้ดเป็นจำนวนมาก ก็จะช่วยลดเวลาการหาโค้ดที่ต้องการ

   เนื่องจากบทความนี้มีโค้ดหลายประเภท (ก็ไม่ถึงกับเยอะ แต่ก็มีหลายประเภทนะ) ดังนั้นท่านที่เข้ามาหาเฉพะโค้ด ก็สามารถพิมพ์ลงไปในกล่องว่า "code" (ไม่ต้องใส่เครื่องหมายคำพูดนะ) เพื่อทำการกรองรายชื่อตอนที่แจกโค้ดออกมาได้ หรือจะพิมพ์ "how to" (ไม่ต้องใส่เครื่องหมายคำพูดนะ) เพื่อดึงเอาตอนที่เป็น how to ออกมาได้ หรือจะผสมๆ คำค้นเพื่อให้ได้ผลลัพธ์ที่หลากหลายก็ได้ ่เช่น "code tool" (ไม่ต้องใส่เครื่องหมายคำพูดนะ) เพื่อกรองเอาตอนที่เป็น โค้ดกับเครื่องมือออกมา เป็นต้น