วิธีทำ BBCODE Spoiler ซ่อนเนื้อหา ซ่อนข้อความ แบบใหม่
ทำเพื่อแก้ไขปัญหาบางครั้งไม่ทำงาน โชว์แต่เป็นโค้ดและเดิมมันเป็นโค้ดแบบ Pantip ซึ่งไม่ควรไปนำมาลอกเลียนแบบครับตัวอย่าง:
ทดสอบ Spoiler แบบใหม่
วิธีการแก้ไข Spoil แบบเก่าให้เป็นแบบใหม่
1. เปิด AdminCP -> รูปแบบ -> จัดการเครื่องมือโพสต์ -> โค้ด Discuz! แล้วกดปุ่ม "รายละเอียด" ของ BBCODE spoil
2. คัดลองข้อความด้านล่างไป แทนที่ ข้อความเดิมใน "โค้ด/เนื้อหาที่ต้องการ :"
<script>function bb_spoiler(e){var n=e.parentNode.getElementsByTagName("div");"none"===n.style.display?(n.style.display="block",e.innerHTML="คลิกเพื่อซ่อนเนื้อหา"):(n.style.display="none",e.innerHTML="คลิกเพื่อดูเนื้อหาที่ซ่อนไว้")}</script><div><button onclick="bb_spoiler(this)">คลิกเพื่อดูเนื้อหาที่ซ่อนไว้</button><div style="display:none">{1}</div></div>
หมายเหตุ: ยังใช้กับข้อความหลายบรรทัดไม่ได้
สำหรับเว็บไหนที่ยังไม่มี BBCODE Spoiler เลยให้
ดาวน์โหลดรูปและอัปโหลดไปยังโฟลเดอร์ /static/image/common/
จากนั้นทำตามขั้นตอนดังภาพ
จากนั้นทำตามขั้นตอนตามกระทู้หลักข้างบน
ขอบคุณครับ แจ้งเพิ่มเติมสำหรับของบางคนใครทำแล้วไม่ได้อย่าตกใจนะ ให้ลบตัว Spoil ตัวเก่าออก
แล้วให้เพิ่มใหม่อันนี้ได้เลย ตัวเก่าเหมือนผูกกับไฟล์เว็บสำหรับ Discuz 3.4 จะมีติดมาทุกคนตอนติดตั้ง
หน้า:
[1]