Jquery iframe contents не работает

JavaScript внутри iframe не работает

У меня есть jsp с iframe внутри него. Я пытаюсь загрузить еще один jsp в iframe:

Идея состоит в том, чтобы отделить javascript, который находится в первом jsp и javascript, который находится на странице внутри iframe. Я не могу объединить javascript на одной странице (без iframe), потому что он вызывает ошибки и сбои страниц. Но, к сожалению, javascript внутри iframe просто не работает. Этот фрагмент кода в никогда не вызывает предупреждения:

и я не уверен, могу ли я загрузить другой файл js или css:

Я новичок в Интернете и javascript, так что извините, если вопрос глупо. Буду признателен за любую помощь.

Является ли этот

Значит ли c: часть означает шаблон ColdFusion или что-то в этом роде?

В любом случае, это не то, что видит браузер. Независимо от того, что генерирует этот код шаблона, это то, что видит браузер, так что вам нужно посмотреть. Обычный

(Вам не нужен type=»text/javascript» .)

Вы знакомы с инструментами разработчика в любом браузере? Пришло время начать их использовать. Загрузите свою страницу в Chrome и откройте Developer Tools (F12 в Windows, и я думаю, что это Ctrl + Shift + я на других операционных системах, или вы можете найти ее в меню Chrome). Вы можете увидеть сообщение об ошибке на панели консоли инструментов разработчика. (Обязательно перезагрузите страницу после открытия инструментов.)

Для дальнейшего отладки измените этот код:

и перезагрузите страницу с помощью инструментов разработчика.

Когда он останавливается в первом операторе debugger , наведите указатель мыши на имя jQuery в коде. Показывает ли это определение или говорит, что оно не undefined ? Это скажет вам, загружаете ли вы jQuery.

Если он даже не попадает в первый оператор debugger , то по какой-то причине он не запускает этот

Источник

iframe

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Клик в iframe
Здравствуйте, есть скриптик: $(‘.main_frame’).contents().find(«#click»).ready(function()<.

Загрузка Iframe
Всем привет у меня есть фрейм который загружает немного обьемный модуль и мне надо чтобы пока не.

Iframe onclick
Почему этот код не работает, и как сделать, чтобы работал: $(«iframe»).on(«click», this.

Клик по iframe
Как можно сделать клик по середине фрейма?

А вы, вообще, читаете, что вам отвечают.

Не можете совладать с iframe, грузите содержимое index.html и index2.html в div.

Это не проблема. Это нормальное поведение iframe.

Добавлено через 41 минуту
Даю вам бесплатно реализацию двух идей:
1. Загрузка содержимого (body) другой страницы в div
2. Запоминание загружаемой страницы через механизм якорей (anchor), чтобы не сбрасывалось при рефреше

пасибо большое. разобрался — работает, вот только теперь поблема с русской кодироваой.. все в таких символах — ��������� ���������., видимо это из «src=»http://code.jquery.com/jquery-latest.js» но там много всего.. не нашел где..

Добавлено через 5 минут
всмысле содердимое контента —> ��������� в такой кодировке..

Хм.. А кодировка у вас в главном документе какая?

Мде.. Странно.. Просто я всегда использую кодировку utf-8. С ней у меня ни разу проблем не возникало. Попробовал ваш пример переделать в windows-1251 — сразу пошли квадратики.

Видимо, XMLHttpRequest (тот что задействован в .load() ) все-таки не умеет работать с чистой кириллицей — только через Уникод (utf-8).

См. в приложении мой рабочий вариант.

Вложения

serjo86.zip (2.2 Кб, 83 просмотров)

2Ostgals:
Приведенный пример почему-то не работает для 4 и больше страниц. если есть решение, пожалуйста, просветите!)

Добавлено через 2 часа 45 минут
Вроде разобрался, не паниковать)))

Скроллинг IFRAME’а
Подскажите пожалуйста, как сделать скроллинг в после его загрузки? Ситуация такая: на.

Изменение данных в iframe
Приветствую всех. Задача следующая, надо подгружать блок данных с другого сайта например через.

Div вместо iframe
Доброго всем времени суток! Вот такая банальная задача. Есть меню, которое находится в div_1, и.

Технология Ajax и Iframe
Помогите, пожалуйтса, в сложившиеся ситуации: Я делаю небольшой сайт, где пользователю.

Источник

Почему я не могу пройти этот элемент с помощью объекта iframe и jQuery?

Я пытаюсь получить доступ к определенному элементу (возможно, больше похож на это), используя объект iframe а также JQuery но это не работает.

iframeWindow объект ненулевой но следующее утверждение не похоже на работу. Я видел что-то вроде этот на этот ответ, но он не работает. Я делаю что-то неправильно?

API.PHP

РЕДАКТИРОВАТЬ: я исправил синтаксические ошибки.

Решение

Вы должны использовать iframe.contentWindow.document вместо iframe.contentWindow в комбинации с find() а также text() и это должно работать. Попробуй это:

Согласно MDN Документация гласит:

contentWindow свойство возвращает Окно объект IFrame элемент. Вы можете использовать этот объект Window для доступа к iframe документ и его внутренняя DOM. Этот атрибут доступен только для чтения, но его свойствами можно управлять как глобальным объектом Window.

Вы можете прочитать больше об элементах iframe и о том, как они работают Вот .

Другие решения

Чтобы указать область для селектора в jQuery, передайте область в качестве второго аргумента селектору jQuery.

(Также нет $ функция-член для объектов DOM или jQuery.)

Это что-то очевидное, чтобы увидеть опечатку, которую я и все остальные пропустили, вместо inframeWindow это должно быть iframeWindow ,

Вместо этого попробуйте с помощью селектора jquery:

Вы присоединяете метод jquery к объекту DOM. что не может быть сделано таким образом. Вы должны сделать это объектом jQuery, чтобы назначить метод jQuery.

Попробуйте таким образом, надеюсь, это поможет

Источник

$ is not defined in iFrame

I have a page with an iframe in it. my iframe page is iframe.php and my main page is main.php when i load iframe.php directly my jquery code executes fine, but when I load main.php (which contains iframe.php as an iframe) I get an error «$ is not defined».

could this be because both main.php and iframe.php use

if so how can I use jquery in the iframe page without including this line?

4 Answers 4

I figured it out. In the iFrame I used

as well as giving any jquery calls the document for context. ie

It’s weird because the original way I had it (with jquery included in both pages) worked fine in Safari for Mac but in Firefox it gave me the error

I was loading iframe in a webpage and I could find $ object using

but this was not performing selection on the elements of iFrame. Found below code to execute selector on the iFrame body

Somehow the document object was also undefined .

Hope it helps someone.

Bad news— you can’t use Jquery unless it’s in the document. So, you’re gonna have to load it regardless.

There’s actually no harm in including the jquery call in both documents. I have several clients who iFrame a portion of my company’s app for marketing automation (which has it included) and also have Jquery included in their parent document, and it works just fine with no conflicts. From a load standpoint, assuming you’re setup correctly, the hit will be negligible due to caching. So, include away.

Rule of thumb on iFrames. think of them as separate pages inside your page. Yes, in some cases things carry over, but the document origin model prevents things like CSS from crossing between parent and child.

Источник

JQuery / JavaScript: доступ к содержимому iframe

Я хотел бы манипулировать HTML внутри iframe с помощью jQuery.

Я думал, что смогу сделать это, установив контекст функции jQuery в документ iframe, например:

Однако это не работает. Немного осмотра показывает, что переменные в frames[‘nameOfMyIframe’] равны undefined , если я не жду некоторое время для загрузки iframe. Однако при загрузке iframe переменные недоступны (я получаю ошибки permission denied -type).

Кто-нибудь знает об этом?

14 ответов

Я думаю, что то, что вы делаете, зависит от той же политики происхождения. Это должно быть причиной того, что вы получаете разрешение на отклонение типов ошибок.

Если принадлежит к одному домену, элементы легко доступны как

Если iframe src из другого домена, вы все равно можете это сделать. Вам нужно прочитать внешнюю страницу в PHP и повторить ее из своего домена. Вот так:

iframe_page.php

Тогда что-то вроде этого:

display_page.html

Вышеприведенный пример того, как редактировать внешнюю страницу через iframe без отказа в доступе и т.д.

Я нахожу этот способ более чистым:

Вам нужно прикрепить событие к обработчику onload iframe и выполнить там js, чтобы вы завершили загрузку iframe перед его доступом.

Вышеупомянутая проблема решит проблему «еще не загружена», но что касается разрешений, если вы загружаете страницу в iframe из другого домена, вы не сможете получить к ней доступ из-за ограничения безопасности.

Вы можете использовать window.postMessage для вызова функции между страницей и его iframe (перекрестный домен или нет).

page.html

iframe.html

Я предпочитаю использовать другой вариант для доступа. От родителя вы можете иметь доступ к переменной в дочернем iframe. $ тоже переменная, и вы можете получить доступ к ее простому вызову window.iframe_id.$

Например, window.view.$(‘div’).hide() — скрыть все div в iframe с id ‘view’

Но это не работает в FF. Для лучшей совместимости вы должны использовать

Я создаю пример кода. Теперь вы можете легко понять из разных доменов, к которым вы не можете получить доступ. содержимое iframe.. В том же домене мы можем получить доступ к содержимому iframe

Источник