ใช้ IFRAME แสดง PDF ไฟล์จากเครื่อง Client ทำไงครับ HomeForumใช้ IFRAME แสดง PDF ไฟล์จากเครื่อง Client ทำไงครับ cyberton ตอนนี้ผมแค่อยากจะ view pdf มาดู โดยจะใช้ iframe มาช่วยในการแสดงผล ซึ่งจะไม่มีการ upload ไปที่ server แต่ตอนนี้มันกับไม่แสดงค่าอะไรเลยว่างเปล่า ทำไงดีอะคับ กรกฎ วิริยะ ใช้โค้ดยังไงครับ cyberton1@hotmail.com <iframe name="cxPDFIFrame" id="cxPDFIFrame" width="100%" height="100%" src="d:/book/pdf/test.pdf" frameborder="0"></iframe> ตรง src เป็นตัวอย่างนะครับผมจะเปลี่ยนตาม user เลือก กรกฎ วิริยะ เท่าที่ผมทดสอบก็ได้นี่ครับ ปัญหาอาจจะอยู่ที่การ Browser ไฟล์ จาก local นี่แหละครับ Browser บางยี่ห้อ จะไม่สามารถอ่านชื่อไฟล์ จาก input ได้ ก็เลยไม่มีค่าส่งไปแสดงครับ นอกจากจะต้อง submit ไปเท่านั้นครับ ให้ลองตรวจสอบชื่อไฟล์ดูว่าถูกต้องหรือไม่ครับ มะนาว รบกวนถามต่อเรื่อง iframe ค่ะ คือว่าตอนนี้ทำลักษณะคล้ายๆ คุณ cyberton ค่ะพอเรียกไฟล์มาเปิดแล้วในตัวเมนูที่อยู่ด้านซ้ายมือ (เมื่อเราทำการคลิก จะมีเมนูย่อยๆ ออกมา ทางขวามือ ซึ่งมี iframe อยู่)แต่แทนที่เมนูนั้นจะอยู่บน iframe มันกลับไปซ่อนหลัง iframe ค่ะ ไม่ทราบว่าจะแก้ปัญหานี้อย่างรัยดีคะ กรกฎ วิริยะ ท่าจะยากนะ เนื่องจาก iframe มักจะอยู่บนสุดของส่วนอื่นๆ เสมอ ลอง กำหนด zIndex ให้กับ เมนู ให้สูงๆดูครับ อาจช่วยได้ แต่ผมไม่แน่ใจ ว่าจะ Cross Browser หรือ เปล่า CSS z-Index: 9999; Javascript element.style.zIndex = 9999 torostudio@yahoo.com ความคิดเห็น รายละเอียด ไฟล์อัปโหลด ชนิด jpg, jpeg ขนาดไฟล์ไม่เกิน 2M ส่งความคิดเห็น
ตรง src เป็นตัวอย่างนะครับผมจะเปลี่ยนตาม user เลือก
ปัญหาอาจจะอยู่ที่การ Browser ไฟล์ จาก local นี่แหละครับ Browser บางยี่ห้อ จะไม่สามารถอ่านชื่อไฟล์ จาก input ได้ ก็เลยไม่มีค่าส่งไปแสดงครับ นอกจากจะต้อง submit ไปเท่านั้นครับ ให้ลองตรวจสอบชื่อไฟล์ดูว่าถูกต้องหรือไม่ครับ
รบกวนถามต่อเรื่อง iframe ค่ะ คือว่าตอนนี้ทำลักษณะคล้ายๆ คุณ cyberton ค่ะพอเรียกไฟล์มาเปิดแล้วในตัวเมนูที่อยู่ด้านซ้ายมือ
(เมื่อเราทำการคลิก จะมีเมนูย่อยๆ ออกมา ทางขวามือ ซึ่งมี iframe อยู่)แต่แทนที่เมนูนั้นจะอยู่บน iframe มันกลับไปซ่อนหลัง iframe ค่ะ
ไม่ทราบว่าจะแก้ปัญหานี้อย่างรัยดีคะ
ลอง กำหนด zIndex ให้กับ เมนู ให้สูงๆดูครับ อาจช่วยได้ แต่ผมไม่แน่ใจ ว่าจะ Cross Browser หรือ เปล่า
CSS
z-Index: 9999;
Javascript
element.style.zIndex = 9999