คำถามติดแท็ก iframe

'iframe' คือองค์ประกอบ HTML ที่สร้าง "เฟรมแบบอินไลน์" ภายในเอกสารซึ่งอนุญาตให้แสดงเอกสารแยกต่างหากในหน้าเดียวกัน

10
jQuery. Ready ใน iframe ที่แทรกแบบไดนามิก
เราใช้ jQuery thickboxเพื่อแสดง iframe แบบไดนามิกเมื่อมีคนคลิกที่รูปภาพ ใน iframe นี้เรากำลังใช้ไลบรารี javascript แกลเลอเรียเพื่อแสดงรูปภาพหลายภาพ ปัญหาน่าจะเป็นที่$(document).readyiframe ดูเหมือนว่าจะถูกไล่ออกเร็วเกินไปและเนื้อหา iframe ยังไม่ได้โหลดดังนั้นรหัส galleria จึงไม่ได้ใช้อย่างถูกต้องในองค์ประกอบ DOM $(document).readyดูเหมือนว่าจะใช้สถานะพร้อมผู้ปกครอง iframe เพื่อตัดสินใจว่า iframe พร้อมหรือไม่ ถ้าเราแยกฟังก์ชั่นที่เรียกโดยเอกสารพร้อมในฟังก์ชั่นแยกต่างหากและเรียกมันหลังจากหมดเวลา 100 ms ใช้งานได้ แต่เราไม่สามารถรับโอกาสในการผลิตด้วยคอมพิวเตอร์ที่ช้า $(document).ready(function() { setTimeout(ApplyGalleria, 100); }); คำถามของฉัน: เหตุการณ์ jQuery ใดที่เราควรผูกไว้เพื่อให้สามารถเรียกใช้รหัสของเราได้เมื่อ iframe แบบไดนามิกพร้อมใช้งานและไม่ใช่เฉพาะผู้ปกครองเท่านั้น
7
iFrame src เปลี่ยนการตรวจจับเหตุการณ์?
สมมติว่าฉันไม่สามารถควบคุมเนื้อหาใน iframe มีวิธีใดบ้างที่ฉันสามารถตรวจพบการเปลี่ยนแปลง src ผ่านทางหน้าหลัก บางประเภทของการโหลดอาจจะ? ทางเลือกสุดท้ายของฉันคือการทำการทดสอบช่วงเวลา 1 วินาทีหาก ​​iframe src เหมือนกันกับที่เคยเป็นมาก่อน แต่การทำโซลูชันแฮ็คนี้จะดูด ฉันใช้ไลบรารี jQuery ถ้ามันช่วยได้
3
ความแตกต่างระหว่างองค์ประกอบ iframe, ฝังและวัตถุ
HTML5 กำหนดองค์ประกอบเนื้อหาที่ฝังตัวหลายอย่างซึ่งจากมุมมองแบบตานกดูเหมือนว่าจะคล้ายกันมากกับจุดที่เหมือนกันมาก เป็นความแตกต่างที่เกิดขึ้นจริงระหว่างสิ่งที่iframe, embedและobject? หากฉันต้องการฝังไฟล์ HTML จากเว็บไซต์บุคคลที่สามองค์ประกอบใดบ้างที่ฉันสามารถใช้ได้และพวกเขาจะแตกต่างกันอย่างไร
180 html  iframe 
9
วิธีการเข้าถึง Iframe หลักจาก JavaScript
ฉันมี IFrame ซึ่งเรียกหน้าโดเมนเดียวกัน ปัญหาของฉันคือฉันต้องการเข้าถึงข้อมูลบางอย่างจาก Iframe แม่จากหน้านี้เรียกว่า (จาก JavaScript) ฉันจะเข้าถึง Iframe นี้ได้อย่างไร รายละเอียด: มี Iframes หลายอย่างเช่นนี้ที่สามารถโหลดหน้าเดียวกันได้เนื่องจากฉันกำลังเขียนโปรแกรมสภาพแวดล้อม Windows ฉันตั้งใจจะปิด Iframe นี้นั่นเป็นเหตุผลว่าทำไมฉันต้องรู้ว่าฉันควรปิดตัวเขาอย่างไร ฉันมีอาร์เรย์ที่อ้างอิงถึง Iframes เหล่านี้ แก้ไข: มี iframes ถูกสร้างขึ้นแบบไดนามิก
170 javascript  iframe 
10
แทนที่ลักษณะเนื้อความสำหรับเนื้อหาใน iframe
ฉันจะควบคุมภาพพื้นหลังและสีขององค์ประกอบร่างกายภายในได้iframeอย่างไร หมายเหตุองค์ประกอบของร่างกายที่ฝังตัวมีคลาสและiframeเป็นของหน้าเว็บที่เป็นส่วนหนึ่งของเว็บไซต์ของฉัน เหตุผลที่ฉันต้องการนี่คือเว็บไซต์ของฉันมีพื้นหลังสีดำกำหนดให้กับร่างกายและจากนั้นพื้นหลังสีขาวกำหนดให้กับ div ที่มีข้อความ เครื่องมือแก้ไข WYSIWYG ใช้iframeเนื้อหาเพื่อฝังเมื่อแก้ไข แต่ไม่รวม div ดังนั้นข้อความจึงอ่านยากมาก เนื้อหาของตัวiframeแก้ไขเมื่อมีคลาสที่ไม่ได้ใช้ที่อื่นดังนั้นฉันสมมติว่านี่ถูกใส่ไว้ที่นั่นเพื่อแก้ไขปัญหาเช่นนี้ อย่างไรก็ตามเมื่อฉันใช้สไตล์กับclass.bodyพวกเขาจะไม่แทนที่สไตล์ที่ใช้กับเนื้อความ สิ่งที่แปลกก็คือสไตล์นั้นปรากฏใน Firebug ดังนั้นฉันไม่รู้เลยว่าเกิดอะไรขึ้น! ขอบคุณ อัปเดต - ฉันได้ลองวิธีการแก้ปัญหาของ @ mikeq ในการเพิ่มสไตล์ให้กับคลาสที่เป็นคลาสของร่างกาย สิ่งนี้ไม่ทำงานเมื่อถูกเพิ่มลงในสไตล์ชีทของหน้าหลัก แต่มันจะทำงานเมื่อเพิ่มด้วย Firebug ฉันสมมติว่านี่เป็นเพราะ Firebug ถูกนำไปใช้กับองค์ประกอบทั้งหมดในหน้าในขณะที่ CSS ไม่ได้ใช้ภายใน iframes นี่หมายความว่าการเพิ่ม css หลังจากโหลดหน้าต่างด้วย JavaScript จะทำงานได้หรือไม่
165 css  iframe  styles  overriding 
10
“ เต็มหน้าจอ” <iframe>
เมื่อฉันใช้รหัสต่อไปนี้เพื่อสร้าง iframe: &lt;iframe src="mypage.html" style="border: 0; width: 100%; height: 100%"&gt;Your browser doesn't support iFrames.&lt;/iframe&gt; iframe ไม่ได้ไปตลอดทาง - "ชายแดน" สีขาวขนาด 10 พิกเซลล้อมรอบ iframe ฉันจะแก้ปัญหานี้ได้อย่างไร นี่คือภาพของปัญหา:
163 html  iframe 
18
โหลด iframe อีกครั้งด้วย jQuery
ฉันมี iframe สองอันบนหน้าหนึ่งและอีกอันหนึ่งทำการเปลี่ยนแปลง แต่ iframe อื่นไม่แสดงการเปลี่ยนแปลงจนกว่าฉันจะรีเฟรช มีวิธีง่ายๆในการรีเฟรช iframe นี้ด้วย jQuery หรือไม่? &lt;div class="project"&gt; &lt;iframe id="currentElement" class="myframe" name="myframe" src="http://somesite.com/something/new"&gt;&lt;/iframe&gt; &lt;/div&gt;
7
การสร้าง iframe ด้วย HTML ที่กำหนดแบบไดนามิก
ฉันพยายามสร้าง iframe จาก JavaScript และเติมด้วย HTML โดยพลการเช่น: var html = '&lt;body&gt;Foo&lt;/body&gt;'; var iframe = document.createElement('iframe'); iframe.src = 'data:text/html;charset=utf-8,' + encodeURI(html); ฉันคาดว่าiframeจะมีหน้าต่างและเอกสารที่ถูกต้อง อย่างไรก็ตามนี่ไม่ใช่กรณี: &gt; console.log (iframe.contentWindow); โมฆะ ลองด้วยตัวคุณเอง: http://jsfiddle.net/TrevorBurnham/9k9Pe/ ฉันกำลังมองเห็นอะไร
148 javascript  iframe 
10
Javascript callback เมื่อโหลด IFRAME เสร็จแล้วหรือ
ฉันต้องทำการเรียกกลับเมื่อ IFRAME โหลดเสร็จแล้ว ฉันไม่สามารถควบคุมเนื้อหาใน IFRAME ดังนั้นฉันจึงไม่สามารถเริ่มการติดต่อกลับได้ IFRAME นี้สร้างขึ้นโดยทางโปรแกรมและฉันต้องการส่งผ่านข้อมูลเป็นตัวแปรในการติดต่อกลับรวมทั้งทำลาย iframe ความคิดใด ๆ แก้ไข: นี่คือสิ่งที่ฉันมีตอนนี้: function xssRequest(url, callback) { var iFrameObj = document.createElement('IFRAME'); iFrameObj.src = url; document.body.appendChild(iFrameObj); $(iFrameObj).load(function() { document.body.removeChild(iFrameObj); callback(iFrameObj.innerHTML); }); } การเรียกกลับนี้ก่อนที่จะโหลด iFrame ดังนั้นการโทรกลับจึงไม่ส่งคืนข้อมูล
147 javascript  events  dom  iframe 
2
วิดเจ็ต Google+ +1 แตกต่างจาก iframe อย่างไร
อย่างใดการโฮเวอร์เหนือวิดเจ็ต Google+ บวกหนึ่งสามารถแนะนำข้อเสนอประเภทเครื่องมือที่มีขนาดใหญ่กว่า&lt;iframe&gt;องค์ประกอบที่มีอยู่อย่างชัดเจน ฉันตรวจสอบ DOM เพื่อยืนยันแล้ว * ดังนั้น: อะไร? วิธี !? นี่ไม่ใช่โอกาสอันยิ่งใหญ่สำหรับ clickjacking หากใช้โดยประสงค์ร้าย (ลองนึกภาพคนที่ทำ MITM สำหรับวิดเจ็ตโซเชียลเหล่านี้!) * ปรับปรุง: สิ่งที่ผมเห็นก็คือว่าข้อความคำแนะนำเครื่องมือ-Y ได้ในสองสร้างแบบไดนามิกiframe
9
วิธีอนุญาตเนื้อหา http ภายใน iframe บนเว็บไซต์ https
ฉันโหลด HTML บางส่วนลงใน iframe แต่เมื่อไฟล์อ้างอิงใช้ http ไม่ใช่ https ฉันได้รับข้อผิดพลาดต่อไปนี้: [ถูกบล็อก] หน้าเว็บที่ {current_pagename} เรียกใช้เนื้อหาที่ไม่ปลอดภัยจาก {referenced_filename} มีวิธีใดบ้างที่จะปิดสิ่งนี้หรือวิธีใด ๆ iframe ไม่มีsrcแอ็ตทริบิวต์และเนื้อหาถูกตั้งค่าโดยใช้: frame.open(); frame.write(html); frame.close();
145 html  security  http  iframe  https 
22
ทำให้การตอบสนอง iframe
ฉันกำลังอ่านโพสต์สแต็คโอเวอร์โฟลว์ชื่อ "คุณสามารถสร้างการตอบสนองของ iFrame ได้หรือไม่" และหนึ่งในความเห็น / คำตอบหนึ่งทำให้ฉันได้jfiddle นี้ แต่เมื่อฉันพยายามใช้ HTML และ CSS เพื่อให้เหมาะกับความต้องการของฉันฉันก็ไม่ได้มีผลลัพธ์ / ความสำเร็จเหมือนกัน ฉันสร้างซอ fiddle ของฉันเองเพื่อให้ฉันสามารถแสดงให้คุณเห็นว่ามันไม่ทำงานเหมือนกันสำหรับฉัน ฉันแน่ใจว่ามีบางอย่างเกี่ยวกับประเภทของ iFrame ที่ฉันใช้ (เช่นรูปภาพของผลิตภัณฑ์อาจต้องตอบสนองด้วยหรือบางสิ่ง) ข้อกังวลหลักของฉันคือเมื่อผู้อ่านบล็อกของฉันเยี่ยมชมบล็อกบน iPhone ของพวกเขาฉันไม่ต้องการให้ทุกอย่างมีความกว้าง x (100% สำหรับเนื้อหาทั้งหมดของฉัน) จากนั้น iFrame ทำงานผิดพลาดและเป็นองค์ประกอบเดียวที่กว้างขึ้น เอาเนื้อหาอื่น ๆ ที่ผ่านมาทั้งหมดออกไป - ถ้ามันเข้าท่า?) อย่างไรก็ตามมีใครรู้บ้างว่าทำไมมันไม่ทำงาน ขอบคุณ. นี่คือ HTML &amp; CSS ของ MY JSFIDDLE (หากคุณไม่ต้องการคลิกที่ลิงค์): &lt;div class="wrapper"&gt; &lt;div class="h_iframe"&gt; …
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.