Как сделать ссылку на конкретное место в iFrame? - PullRequest
0 голосов
/ 07 января 2012

У меня есть страница, расположенная по адресу:

http://localhost:8080/job/demo/865/parsed_console/?

Внутри этой страницы есть iFrame:

<iframe width="100%" scrolling="auto" height="600" frameborder="0" src="job/demo/865/parsed_console/log.html"></iframe>

В пределах iFrame естьякорные теги, к которым я могу перейти с помощью ссылки, подобной приведенной ниже:

http://localhost:8080/job/demo/865/parsed_console/job/demo/865/parsed_console/log_content.html#ERROR1

Проблема заключается в том, что если я использую вышеуказанную ссылку, меня направляют на страницу, на которой нетвнешняя рама. У меня нет контроля над источниками ни на одной странице.

Как создать ссылку, которая будет переходить непосредственно в определенное место в iFrame без потери внешнего кадра?

Ответы [ 4 ]

0 голосов
/ 09 июля 2012

Найдите тег id на html-странице в определенном месте, в котором вы хотите открыть iFrame. Затем добавьте хеш-тег в iFrame

Например, страница, которую вы загружаете в свой iFrame, может иметь - id = "autolog" - или - input id = "un" - и т. Д.,

Хэш-тег id в вашем iFrame выглядит так:

<iframe src="https://sitethatloadsiniFrame.com#slogin;" frameborder="0" height="98"
width="225" style="float: right; frameborder="0"; SCROLLING=YES></iframe>
0 голосов
/ 07 января 2012

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

0 голосов
/ 07 января 2012

В вашей ссылке добавьте атрибут target, например: <a href="..." target="name_of_iframe"/>, где name_of_iframe значение атрибута name в теге iframe, например: <iframe name=name_of_iframe"></iframe>

0 голосов
/ 07 января 2012

http://localhost/ виден только с вашего компьютера.

<iframe name="blah"></iframe>


<a href="http://www.yahoo.com" target="blah">
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...