Загрузить страницу в iframe по ссылке внутри другого iframe - PullRequest
3 голосов
/ 17 ноября 2011

Я хочу создать контентную страницу, где есть два фрейма. Один iframe является плавающим боковым меню с кнопками или ссылками, тогда как другой iframe фактически содержит контент. Я хочу, чтобы пользователь мог щелкнуть ссылку в боковом меню, например «Изображения», и затем заставить эту ссылку изменить содержимое другого iframe. Я также хочу, чтобы вся ячейка, в которой каждая метка для меню (Изображения, Дом, Чтения) меняла цвет при наведении на нее курсора мыши.

Я пробовал много вещей, но вот основы кода:

   <html>
<head>
<title>Main Content Page</title>
</head>
<body background="background.jpg">
<table>
<th>
    <iframe src="sidebar.html" frameborder="no" border="0" scrolling="no" height="750" width="450"></iframe>
<th>
    <iframe id ="content" src="" frameborder="no" border="0" scrolling="no" width="600" height="800"></iframe>
</table>
</body>
</html>

, а затем страницы для содержимого iframe не имеют значения. Код для боковой панели:

<html>
<head>
<title>Main</title>
<base target="content">
<style type="text/css">
body{bgcolor: black;}
a{color: white}
a:link, a:visited{background-color: black}
<!--a:hover{background-color: gray}-->
<!--td:hover{background-color: gray}-->
buttons:hover{background-color: gray}

td, th{border:1px solid black; background-color:black;}
table{border:1px solid gray;}
td {font-family: Kunstler Script; color: white; font-size: 72; padding:15px;}
</style>
</head>
<body>
<table align="center">
    <tr><div class="buttons"><div><td onclick="target.content.home.href='html'">Home</div>
    <tr><div><td onclick="target.content.href='images.html'">Images</div>
    <tr><div><td onclick="target.content.href='readings.html'">Readings</div></div>
</table>

</div>
</body>
</html>

Сейчас ссылки не работают, но кнопки меняют цвет

Ответы [ 2 ]

4 голосов
/ 17 ноября 2011

Добавьте атрибут name к своему контенту iframe

<iframe name="content" src="" frameborder="no" border="0" scrolling="no" width="600" height="800"></iframe>

Измените ваши onclick события на

parent.window.frames['content'].location = 'url'

Для рабочего примера создайте 3 страницы.

main.html , содержащий

<iframe src="./1.html"></iframe>
<iframe name="content"></iframe>

1.html , содержащий

<a href="#" onclick="parent.window.frames['content'].location = './2.html'">load</a>

2.html , содержащий

iframe 2 loaded

После загрузки файла main.html вы увидите первый загруженный iframe 1.html со ссылкой загрузки, щелкнув ссылку загрузки в первом iframe, а затем загрузит 2.html в другой iframe контента.

0 голосов
/ 29 декабря 2014
  • У вас есть 2 фрейма. Правильно?
  • Присвойте имя второму фрейму:

     <iframe name="iframe2" src="content.html"></iframe>
    
  • Добавьте атрибут "target" к ссылочным кодам в вашем первом iframe, нацеливая id вашего второго iframe:

     <a href="something.html" target="iframe2">Link Here!</a>
    

Я сам новичок и, надеюсь, правильно понял ваш вопрос:)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...