Запитання з тегом «iframe»

"Iframe" - це HTML-елемент, який створює "вбудований кадр" в документі, що дозволяє відображати окремий документ на одній сторінці.


6
Чи є спосіб змінити контекст на iframe в консолі javascript?
Я хотів би змінити контекст javascript, виконаний у консолі розробника webkit / консолі firebug, щоб виконати його код, як він працює з внутрішньої рамки сторінки. Я знаю, що міг би це зробити, відкривши сторінку в iframe на окремій сторінці, але хочу запустити код там, де він взаємодіє з батьківським фреймом.

9
Як відобразити повідомлення про завантаження, коли завантажується iFrame?
У мене є iframe, який завантажує сторонній веб-сайт, який завантажується надзвичайно повільно. Чи є спосіб я відобразити повідомлення про завантаження, якщо iframe завантажує користувача, не бачить великого порожнього простору? PS. Зауважте, що кадр iframe призначений для веб-сайту третьої сторони, тому я не можу нічого змінювати / вводити на свою сторінку.

3
Як я можу виявити, чи завантажений iframe?
Я намагаюся перевірити, чи завантажився iframe після того, як користувач натисне кнопку. У мене є $('#MainPopupIframe').load(function(){ console.log('load the iframe') //the console won't show anything even if the iframe is loaded. }) HTML <button id='click'>click me</button> //the iframe is created after the user clicks the button. <iframe id='MainPopupIframe' src='http://...' />...</iframe> Будь-які …

6
Чуйний iframe за допомогою Bootstrap
Я використовую Bootstrap. У мене є текст, який містить 2 або 3 вбудованих відео на основі кадрів. Ці дані отримуються з бази даних. Як зробити так, щоб ці рамки відповідали? Приклад коду: <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12"> SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT …

5
Повна сторінка <iframe>
У мене є приклад коду нижче. Це чудово працює з усіма браузерами, крім браузерів на мобільних пристроях. Тема переповнення - проблема. Працює з усіма, крім мобільних: margin: 0; padding: 0; height: 100%; overflow: hidden; Працює з усіма мобільними, а не комп'ютерами: margin: 0; padding: 0; height: 100%; Який найкращий спосіб …
97 html  css  iframe 

8
Зміна iframe src за допомогою Javascript
Я намагаюся змінити, &lt;iframe src=... &gt;коли хтось натискає перемикач. З якихось причин мій код працює некоректно, і я маю проблеми з з’ясуванням причини. Ось що я маю: &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta content="text/html; charset=utf-8" http-equiv="Content-Type" /&gt; &lt;title&gt;Untitled 1&lt;/title&gt; &lt;script&gt; function go(loc) { document.getElementById('calendar').src …
94 javascript  iframe  src 

8
Як перемістити iFrame в DOM, не втрачаючи його стану?
Погляньте на цей простий HTML: &lt;div id="wrap1"&gt; &lt;iframe id="iframe1"&gt;&lt;/iframe&gt; &lt;/div&gt; &lt;div id="warp2"&gt; &lt;iframe id="iframe2"&gt;&lt;/iframe&gt; &lt;/div&gt; Скажімо, я хотів перенести обгортання так, щоб це #wrap2було до #wrap1. Вбудовані рамки забруднені JavaScript. Мені відомі jQuery .insertAfter()та .insertBefore(). Однак, коли я їх використовую, iFrame втрачає всі свої змінні та події HTML та JavaScript. …

6
Яка різниця між IFrame та Frame?
Переглядаючи варіанти вбудування сторінки 3D Secure у мою власну форму замовлення, я натрапив на таке: "Деякі комерційні сайти присвячують повну сторінку браузера аутентифікації, а не використанню фрейму (не обов'язково iFrame, який у будь-якому випадку є менш захищеним об'єктом)." з http://en.wikipedia.org/wiki/3-D_Secure Хто-небудь може дати мені мінімум, чому iframes менш захищені та …
91 html  iframe  frame 


14
Чи застаріли IFrames (HTML)? [зачинено]
В даний час це питання не підходить для нашого формату запитань та відповідей. Ми очікуємо, що відповіді будуть підтверджені фактами, посиланнями чи експертизою, але це питання, швидше за все, вимагатиме дебатів, аргументів, опитування чи розширеного обговорення. Якщо ви вважаєте, що це питання можна покращити і, можливо, знову відкрити, відвідайте довідковий …
90 html  iframe  obsolete 

3
Як динамічно змінювати вміст у фреймі за допомогою jquery?
Мені було цікаво, чи можна мати сайт з iframe та деяким кодом jquery, який змінює вміст iframe кожні 30 секунд. Вміст знаходиться на різних веб-сторінках. Щось на зразок цього: &lt;html&gt; &lt;head&gt; &lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt; &lt;script&gt; $(document).ready(function(){ var array = new array(); array[0] = 'http://webPage1.com'; array[1] = 'http://webPage2.com'; // And so …
89 jquery  iframe 

12
Чому люди все ще використовують фреймрейми? [зачинено]
В даний час це питання не підходить для нашого формату запитань та відповідей. Ми очікуємо, що відповіді будуть підтверджені фактами, посиланнями чи експертизою, але це питання, швидше за все, вимагатиме дебатів, аргументів, опитування чи розширеного обговорення. Якщо ви вважаєте, що це питання можна покращити і, можливо, знову відкрити, відвідайте довідковий …
89 iframe 

3
Як замінити параметри X-Frame для контролера або дії в Rails 4
Здається, Rails 4 встановлює значення за замовчуванням SAMEORIGINдля X-Frame-Optionsзаголовка відповіді HTTP. Це чудово для безпеки, але це не дозволяє частинам вашої програми бути доступними в iframeіншому домені. Ви можете перевизначити X-Frame-Optionsглобальне значення за допомогою config.action_dispatch.default_headersналаштування: config.action_dispatch.default_headers['X-Frame-Options'] = "ALLOW-FROM https://apps.facebook.com" Але як це замінити лише для одного контролера чи дії?

4
Вказівка ​​вмісту iframe замість атрибута src на сторінці
Зараз я працюю над формою, яка містить деякі вхідні файли для завантаження зображень. Існує onchange()подія для цих входів, яка подає зображення в файл iframe, а потім динамічно завантажує завантажені картинки у форму із полями, які потрібно змінити для них (наприклад, ім’я та геолокалізація ). Оскільки я не можу вкласти форми, …
88 html  iframe 

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.