Вопросы с тегом «iframe»

«Iframe» - это HTML-элемент, который создает «встроенный фрейм» в документе, который позволяет отображать отдельный документ на той же странице.

5
наложить непрозрачный div поверх iframe на YouTube
Как я могу наложить div с полупрозрачной непрозрачностью на встроенное видео youtube iframe? <iframe class="youtube-player" type="text/html" width="520" height="330" src="http://www.youtube.com/embed/NWHfY_lvKIQ" frameborder="0"></iframe> <div id="overlay"></div> CSS #overlay { position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.8; /*background:rgba(255,255,255,0.8); or just this*/ z-index:50; color:#fff; } edit (добавлено дополнительное разъяснение): HTML5 приближается к нам, все больше и …
110 html  css  iframe  youtube  overlay 
6
Есть ли способ изменить контекст на iframe в консоли javascript?
Я хотел бы изменить контекст javascript, выполняемого в консоли разработчика webkit / firebug, чтобы выполнить его код, как будто он выполняется внутри iframe на странице. Я знаю, что могу сделать это, открыв страницу в iframe на отдельной странице, но я хочу запустить код, в котором он взаимодействует с родительским фреймом.
9
Как отображать сообщение о загрузке при загрузке iFrame?
У меня есть iframe, который загружает сторонний веб-сайт, который загружается очень медленно. Есть ли способ отобразить сообщение о загрузке, пока этот iframe загружается, и пользователь не видит большого пустого пространства? PS. Обратите внимание, что iframe предназначен для стороннего веб-сайта, поэтому я не могу ничего изменять / вводить на их страницу.
6
Адаптивный iframe с использованием Bootstrap
Я использую Bootstrap. У меня есть текст, содержащий 2 или 3 встроенных видео на основе iframe. Эти данные берутся из базы данных. Как сделать эти фреймы адаптивными? Пример кода: <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 SOME TEXT SOME …
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> Какие-либо …
5
Полная страница <iframe>
У меня есть пример кода ниже. Это отлично работает со всеми браузерами, кроме браузеров на мобильных устройствах. Проблема заключается в теге переполнения. Работает со всеми, кроме мобильных: margin: 0; padding: 0; height: 100%; overflow: hidden; Работает со всеми мобильными, а не компьютерами: margin: 0; padding: 0; height: 100%; Как лучше …
99 html  css  iframe 
8
Изменение src iframe с помощью 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 …
98 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. Окна iframe загрязнены JavaScript. Я знаю jQuery .insertAfter()и .insertBefore(). Однако, когда я их использую, iFrame теряет все свои переменные и события HTML и JavaScript. Допустим, HTML-код …
6
В чем разница между IFrame и Frame?
Рассматривая варианты встраивания страницы 3D Secure в мою форму заказа, я обнаружил следующее: «Некоторые коммерческие сайты будут посвящать полную страницу браузера аутентификации, а не использовать фрейм (не обязательно iFrame, который в любом случае является менее безопасным объектом)». из http://en.wikipedia.org/wiki/3-D_Secure Может ли кто-нибудь рассказать мне, почему фреймы iframe менее безопасны и …
91 html  iframe  frame 
7
Получить текущий URL из IFRAME
Есть ли простой способ получить текущий URL-адрес из iframe? Зритель просматривал несколько сайтов. Полагаю, я бы использовал что-нибудь в javascript.
91 javascript  url  iframe 
14
IFrames (HTML) устарели? [закрыто]
В настоящее время этот вопрос не подходит для нашего формата вопросов и ответов. Мы ожидаем, что ответы будут подтверждены фактами, ссылками или опытом, но этот вопрос, скорее всего, потребует дебатов, аргументов, опросов или расширенного обсуждения. Если вы считаете, что этот вопрос можно улучшить и, возможно, снова открыть, обратитесь за помощью …
91 html  iframe  obsolete 
12
Почему люди до сих пор используют фреймы? [закрыто]
В настоящее время этот вопрос не подходит для нашего формата вопросов и ответов. Мы ожидаем, что ответы будут подтверждены фактами, ссылками или опытом, но этот вопрос, скорее всего, потребует дебатов, аргументов, опросов или расширенного обсуждения. Если вы считаете, что этот вопрос можно улучшить и, возможно, снова открыть, обратитесь за помощью …
89 iframe 
3
Как мне динамически изменять содержимое в iframe с помощью 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 on. …
89 jquery  iframe 
3
Как переопределить X-Frame-Options для контроллера или действия в 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.