ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programming# ใครเก่ง Jquery ช่วยผมด้วยครับ เกี่ยวกับการแสดงผล Lightbox ใน iFrame มี Bug นิดนึงอยากให้ช่วยแก้คับ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: # ใครเก่ง Jquery ช่วยผมด้วยครับ เกี่ยวกับการแสดงผล Lightbox ใน iFrame มี Bug นิดนึงอยากให้ช่วยแก้คับ  (อ่าน 2217 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
น้องบิ้ว
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 190
ออฟไลน์ ออฟไลน์

กระทู้: 3,609



ดูรายละเอียด
« เมื่อ: 23 กันยายน 2012, 01:56:14 »

สวัสดีคับ พอดีนั่งงมโค้ดส่วนนี้อยู่คับแต่แก้ไม่ได้สักที ผมแก้โค้ดไม่เป็นใช้เป็นอย่างเดียว TT รบกวนเพื่อนๆเก่งช่วยผมทีคับ ทางคุณอาจเป็นเรื่องกล้วยๆก็ได้ ขอบคุณล่วงหน้าคับ

คือผมโหลด Jquery lightbox ของ Fancybox มาใช้งาน  http://fancyapps.com/fancybox/  กับเว็บของผมด้านล่าง

1. ลองเข้าดูครับ ผมสร้างหน้า frame.html ขึ้นมาแล้วทำลิงค์ lightbox ไว้ http://buildstory.com/frame/stream/frame.html  เข้าไปแล้วกดที่ link เปิดเว็บ WIKI พอกดมันจะ popup lightbox แสดงผลถูกต้องเหมือนรูปด้านล่าง


2. ผมดึงหน้า frame.html มาไว้ในหน้า index.html ลองเข้าไปดูในหน้านี้คับ http://buildstory.com/frame/index.html   แล้วพอคลิกตรง Link wiki มันดันไปแสดง lightbox ใน iframe นะคับ ตามภาพล่าง  ผมอยากให้มันแสดงผล แบบจอใหญ่ปกตินะคับ มีวิธีแก้ไขไหมคับ ผมจำเป็นต้องดึงมาเป็น iframe นะคับ


มีใครช่วยได้บ้างคับ เป็นพระคุณมากๆเลยคับ ขอบคุณล่วงหน้าคับ  wanwan031
« แก้ไขครั้งสุดท้าย: 23 กันยายน 2012, 01:57:06 โดย น้องบิ้ว » บันทึกการเข้า
Positron
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 289
ออฟไลน์ ออฟไลน์

กระทู้: 1,057



ดูรายละเอียด
« ตอบ #1 เมื่อ: 23 กันยายน 2012, 02:02:14 »

เกิดจาก มันโชว์ได้สูงสุดตาม iframe ที่ใช้อยู่ครับ

เพราะเนื้อหาใน iframe ไม่สามารถแสดงล้นออกมานอก iframe ได้
บันทึกการเข้า
น้องบิ้ว
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 190
ออฟไลน์ ออฟไลน์

กระทู้: 3,609



ดูรายละเอียด
« ตอบ #2 เมื่อ: 23 กันยายน 2012, 02:05:01 »

เกิดจาก มันโชว์ได้สูงสุดตาม iframe ที่ใช้อยู่ครับ

เพราะเนื้อหาใน iframe ไม่สามารถแสดงล้นออกมานอก iframe ได้

ขอบคุณคับ แต่คืออยากให้มันแสดงออกมานอก iframe มันมีวิธีไหมครับบผม  wanwan031
บันทึกการเข้า
Positron
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 289
ออฟไลน์ ออฟไลน์

กระทู้: 1,057



ดูรายละเอียด
« ตอบ #3 เมื่อ: 23 กันยายน 2012, 02:11:39 »

ถ้าจะทำจริงๆ ผมพอจะคิดได้วิธีเดียวคือ เอา lightbox มาไว้ข้างนอก iframe

แล้วสั่งงานใน iframe เมื่อมีการคลิกให้มาสั่งเปิด lightbox ผ่าน opener(หน้าเว็บปรกติ)

แต่ขั้นตอนมันจะยุ่งยากนิดนึงอะครับ ต้องเขียน js เป็นนิดหน่อย
บันทึกการเข้า
น้องบิ้ว
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 190
ออฟไลน์ ออฟไลน์

กระทู้: 3,609



ดูรายละเอียด
« ตอบ #4 เมื่อ: 23 กันยายน 2012, 02:21:43 »

ถ้าจะทำจริงๆ ผมพอจะคิดได้วิธีเดียวคือ เอา lightbox มาไว้ข้างนอก iframe

แล้วสั่งงานใน iframe เมื่อมีการคลิกให้มาสั่งเปิด lightbox ผ่าน opener(หน้าเว็บปรกติ)

แต่ขั้นตอนมันจะยุ่งยากนิดนึงอะครับ ต้องเขียน js เป็นนิดหน่อย

TT ปัญหาคือผมเขียน code ไรไม่เป็นเลยนิสิคับ อาศัยพอแค่โหลดเค้ามาแล้วเอามา ใส่ของตัวเองได้บ้าง แต่เขียนแก้ไขนี่ทำไม่ได้เลยคับ ทีพี่บอกมาพอเข้าใจไอเดียคับ สั่งงานจากใน iframe
พี่พอจะรู้ keyword ในการค้นหาใน google ไหมคับ คือกรณีนี้ผมไม่รู้ว่าจะ search แก้ปัญหานี้ยังไงจิงๆลองหาแล้ว แต่ใส่ keyword แค่ how iframe lightbox แต่ไม่เจอ..  ถ้าปัญหานี้มีพวกฝรั่งเคยแก้ได้น่าจะมีโค้ดอยู่ ผมยังพอไปเอาโค้ดมานั่งงมๆใส่ในของผมได้นะคับ ไม่รู้จะรบกวนไปรึป่าว ขอบคุณล่วงหน้ามากๆเลยคับผม  wanwan017
บันทึกการเข้า
Positron
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 289
ออฟไลน์ ออฟไลน์

กระทู้: 1,057



ดูรายละเอียด
« ตอบ #5 เมื่อ: 23 กันยายน 2012, 02:38:12 »

ถ้า keyword หลักๆน่าจะเป็น opener อะครับเพราะเป้นชื่อฟังก์ชั่นใน js
มันใช้อ้างอิงไปยังหน้าเว็บที่เปิดมันขึ้นมา(window.open) และ iframe ได้

ถ้าเดาไม่ผิด น่าจะใช้ window.opener.ชื่อฟังชั่น('url'); ในไฟล์ iframe ได้เลย

แล้วมาเขียนฟังชั่นข้างนอก(ในหน้าเว็บปรกติ) ซึ่งในฟังก์ชั่นนั้น ก็เรียกใช้งาน lightbox อีกที
บันทึกการเข้า
kungbest
สมุนแก๊งเสียว
*

พลังน้ำใจ: 86
ออฟไลน์ ออฟไลน์

กระทู้: 670



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 23 กันยายน 2012, 02:45:21 »

เป็นผมจะทำแบบนี้คับ สร้างตัวแปรมา 1 ตัว เวลาจะเรียกใช้แบบ iframe ก็โยนค่านี้ลงไปใน frame.html (แต่มันต้องเป็น php นะคับ)
ถ้าได้รับค่าก็จะไม่แสดง class สำหรับ fancybox ถ้าไม่ได้รับค่าก็แสดง class ปกติ
บันทึกการเข้า

น้องบิ้ว
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 190
ออฟไลน์ ออฟไลน์

กระทู้: 3,609



ดูรายละเอียด
« ตอบ #7 เมื่อ: 23 กันยายน 2012, 02:53:58 »

ถ้า keyword หลักๆน่าจะเป็น opener อะครับเพราะเป้นชื่อฟังก์ชั่นใน js
มันใช้อ้างอิงไปยังหน้าเว็บที่เปิดมันขึ้นมา(window.open) และ iframe ได้

ถ้าเดาไม่ผิด น่าจะใช้ window.opener.ชื่อฟังชั่น('url'); ในไฟล์ iframe ได้เลย

แล้วมาเขียนฟังชั่นข้างนอก(ในหน้าเว็บปรกติ) ซึ่งในฟังก์ชั่นนั้น ก็เรียกใช้งาน lightbox อีกที

ขอบคุณมากคับผม อาจจะไม่ค่อยเข้าใจหุหุ  ผมค้นหาได้ข้อมูลนี่มา http://s3.envato.com/files/1099520/index.html   เลื่อนไปล่างสุดข้อ 9 อะคับ คิดว่าน่าจะใช้ แต่ลองเอามาใช้แล้วมันไม่ทันงาน ไม่รู้ว่าผมแก้อะไรพลาดรึป่าว  wanwan031
บันทึกการเข้า
น้องบิ้ว
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 190
ออฟไลน์ ออฟไลน์

กระทู้: 3,609



ดูรายละเอียด
« ตอบ #8 เมื่อ: 23 กันยายน 2012, 02:54:41 »

เป็นผมจะทำแบบนี้คับ สร้างตัวแปรมา 1 ตัว เวลาจะเรียกใช้แบบ iframe ก็โยนค่านี้ลงไปใน frame.html (แต่มันต้องเป็น php นะคับ)
ถ้าได้รับค่าก็จะไม่แสดง class สำหรับ fancybox ถ้าไม่ได้รับค่าก็แสดง class ปกติ

จิงหรอคับ php ก็ได้คับ ขอให้มันทำได้ก็พอ ต้องทำไงมั้งอะคับ สะดวกรบกวนได้ไหมคับ ขอบคุณล่วงหน้าคับ  wanwan017
บันทึกการเข้า
ossytong
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 138
ออฟไลน์ ออฟไลน์

กระทู้: 1,149



ดูรายละเอียด
« ตอบ #9 เมื่อ: 23 กันยายน 2012, 03:31:38 »

ผมจำเป็นต้องดึงมาเป็น iframe

เปลี่ยนวิธีตรงนี้ง่ายกว่าครับ....
บันทึกการเข้า
kungbest
สมุนแก๊งเสียว
*

พลังน้ำใจ: 86
ออฟไลน์ ออฟไลน์

กระทู้: 670



ดูรายละเอียด เว็บไซต์
« ตอบ #10 เมื่อ: 23 กันยายน 2012, 12:08:45 »

เป็นผมจะทำแบบนี้คับ สร้างตัวแปรมา 1 ตัว เวลาจะเรียกใช้แบบ iframe ก็โยนค่านี้ลงไปใน frame.html (แต่มันต้องเป็น php นะคับ)
ถ้าได้รับค่าก็จะไม่แสดง class สำหรับ fancybox ถ้าไม่ได้รับค่าก็แสดง class ปกติ

จิงหรอคับ php ก็ได้คับ ขอให้มันทำได้ก็พอ ต้องทำไงมั้งอะคับ สะดวกรบกวนได้ไหมคับ ขอบคุณล่วงหน้าคับ  wanwan017
pm มาเลยคับ
บันทึกการเข้า

หน้า: [1]   ขึ้นบน
พิมพ์