แก้ปัญหาเรื่อง Flash ให้ไม่ต้องมีการ Click Active ก่อน Dreamweaver CS Tip & Trick DwThai.Com

เรื่อง : แก้ปัญหาเรื่อง Flash ไม่ต้องมีการ Click Active ก่อน

ปัญหาของ Flash ที่ปรากฏบนหน้าเว็บเพจสำหรับผู้ที่ทำเว็บไซต์ประการหนึ่งในปัจจุบัน คือ เมื่อทำการ Preview แสดงผลกับ IE แล้ว ตัว Flash จะต้องให้มีการ Click เพื่อให้ Active ในส่วนของการแสดงผล Flash เสียก่อน ซึ่งถ้าไม่มีการ Click ทำการแอคทีฟก่อน การแสดงผลของ Flash จะเกิดเป็นเหมือนกรอบใส ๆ ปรากฏขึ้นรอบ Flash หรือไม่สามารถ Click เพื่อใช้งาน Button ที่อยู่บน Flash นั้นได้ภายใน 1 ครั้ง ต้องมีการคลิ๊กถึง 2 ครั้งเพื่อนใช้งาน Button นั้น (Click ครั้งแรกเพื่อ Active Flash และครั้งที่ 2 เพื่อกด Button) ทั้งนี้ปัญหาดังกล่าวได้เกิดขึ้นมาได้สักระยะหนึ่งแล้ว (เป็นปี ๆ แล้วมั้ง) จะมีผลกับ Windows ของผู้ใช้งานบางท่านที่ทำการ Update ตัว Patch ของ Windows ในตัว Patch ที่ชื่อว่า...... (เอ....ชื่อว่าอะไรผมจำไม่ได้เสียด้วย เคยตอบใน Webboard แต่ลืมไปละ) สำหรับการแก้ปัญหานี้ มีผู้สอบถามผมเข้ามามากมาย ผมก็ตอบไปให้หลายครั้งละ แต่ตอบไปบางท่านก็ยัง งง อยู่ บางท่านก็ทำไม่ได้ ผมจึงขอทำเป็นบทความนี้ขึ้นมาให้อ่านเพื่อแก้ปัญหานี้ละกันครับ ลองทำตามกันดู ออ...ใครนึกภาพปัญหาที่ผมกล่าวถึงนี้ไม่ออก ลองดูตัวอย่าง Flash ที่ผม Insert เข้ามาเป็นตัวอย่างดูครับ

ลองนำเมาท์วางเหนือ Flash ทั้งสองนี้ (ไม่ต้องกดนะครับ)

Flash ที่มีปัญหา

Flash ที่แก้ปัญหาแล้ว

................................................................................................................................................................................

วิธีการแก้ปัญหา Flash

1. ทำการ Download ไฟล์ JavaScript จาก Link ด้านล่างนี้ แล้วทำการนำไฟล์ไปวางไว้ที่ Folder เดียวกับไฟล์ที่เราวางเว็บเพจที่เราต้องการใส่ Flash
-> Click ที่นี้เพื่อ Download

2. จากนั้นไปที่ไฟล์เว็บเพจของเรา ทำการแทรก Div ลงไปยังตำแหน่งที่ต้องการบนหน้าเว็บเพจดังรูป

3. จะปรากฏหน้าต่างให้เรากำหนดค่า

ที่ช่อง ID ให้ทำการพิมพ์ชื่อที่ใช้อ้างอิงลงไป (ID Name) ในที่นี้ผมตั้งชื่อว่า showFlash จากนั้นกดปุ่ม OK

4. จากนั้นให้ Click ไปที่ TAB ที่ชื่อว่า HTML แล้วทำการเลือกไปที่ Script ดังรูป

5. ที่หน้าต่าง Script ที่ปรากฏขึ้นให้เราทำการกดที่ปุ่ม Browse.. ดังรูปเพื่อเลือกไฟล์ JavaScript ที่เราได้จากข้อที่ 1 ที่เรากระทำผ่านมาแล้ว ดังรูป จากนั้นกดปุ่ม OK

6. ทำการกลับไปที่ไอคอน Script อีกครั้ง (เหมือนข้อ 5 ที่ผ่านมา) ที่หน้าต่าง Script ให้เราทำการพิมพ์ข้อความ (Code) ดังนี้

อธิบาย code

- var dwFlash=new SWFObject ("ชื่อไฟล์ Flash ที่ต้องการใช้แสดงผล", "ชื่ออ้างอิงของ Flash จะตั้งเป็นอะไรก็ได้", "ขนาดความกว้าง", "ขนาดความสูง","Version ของ Flash Player","ค่าสีพื้นของ Flash");
- dwFlash.write("ชื่อ ID ที่ได้จากข้อ 3");
- การพิมพ์ข้อมูลข้างต้นระวังเรื่องตัวอักษรและไวยากรณ์ให้ถูกต้องด้วยนะครับ

เมื่อกำหนดได้แล้วกดที่ OK เป็นอันเสร็จสิ้นการแก้ปัญหาดังกล่าว Preview ดูผลกับ IE Browser ได้เลย

................................................................................................................................................................................

ปล.การแก้ปัญหา หากเราพบว่าวิธีการที่ผมแนะนำนี้ยุ่งยาก ท่านอาจจะหันไปใช้ Dreamweaver 8.02 หรือ CS ก็ได้ครับ ลองอ่านบทความนี้ประกอบ (Click เพื่ออ่านบทความ Dreamweaver 8.02)
** ซึ่งผมเคยแนะนำไปกับหลายท่านให้ใช้แล้ว แต่ปัญหาที่ตามมาคือ ไม่เข้าใจ ทำไมฉันต้องอัพเดทโปรแกรม และทำไม ๆ เฮ้อ....เหนื่อยใจ.... ** (บ่นเล็กน้อยก่อนปิดบทความนี้)

** ออ...ตอนนำไปใช้งานจริงบน Hosting อย่าลืม Upload ไฟล์ JavaScript ข้อ 1 ขึ้นไปด้วยนะครับ **

BACK TOP