Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Открытие страницы в определённом Layer'e

Автор: jevgenij 18.9.2008, 17:34

Вот...сабж...
т.е. у меня есть оснавная страница, состоящая из Layer'ов. При нажатии одной из кнопок в меню страницы, хотелось бы, чтобы следующая страница открывалась в центральном Layer'e (он назван main1 у меня). Как это сделать? Я уж как только не пытался, а не получается...либо открывается сама по себе, либо вообще никакой реакции.
подскажите, если не сложно... smile

Автор: bars80080 18.9.2008, 17:59

что подразумевается под лаером? фрэймы или слои div?

Автор: jevgenij 18.9.2008, 19:07

слои div ))

Автор: webster 18.9.2008, 19:18

http://w3schools.com/tags/tag_iframe.asp

Автор: jevgenij 18.9.2008, 22:42

Спасибо, скрипт посмотрел, только это воможно немного не то, что я хотел...т.е. мне надо, чтобы страница открывалась в лаере после нажатия кнопки...как мне в кнопку (кнопка нарисована мной, простой jpg файл) встроить этот скрипт? Как то его в <a href=""> встроить или вообще что-то другое нужно? Пытался ставить в href= адрес страницы, которую хочу, чтобы мне открывало и писать target=main1 (main1 - название лаера), но ничего не выходит...подскажите, как правильно?))

Автор: webster 18.9.2008, 23:47

http://www.w3schools.com/htmldom/prop_iframe_src.asp как это можно сделать.

Автор: jevgenij 22.9.2008, 16:59

Опять поднимаю эту тему. Сначала посмотрел скрипт <iframe> и показалось, что всё понял, но как дошёл до дела - не получается. Если кому не сложно, то подскажите, как мне использовать скрипт правильно.
Надо чтобы после нажатия этой кнопки:

Код


<div align="center"><a href="#" onMouseOut="MM_swapImgRestore()" 
onMouseOver="MM_swapImage('LINK_home','','http://mypage.ee/img/b_home2.jpg',1)"  >
<img src="http://mypage.ee/img/b_home1.jpg" alt="Home" name="LINK_home" 
width="150" height="20" border="0" align="top"></a></div>

определённая страница "#" открылась тут:

Код


<div id="main1" style="position:absolute; left:205; top:200px; width:550px; height:350px; z-index:7; overflow: auto;"> 
</div>

Заранее извиняюсь за свою тупость! Подскажите, если не сложно ))

Автор: webster 22.9.2008, 18:18

Код


<div align="center"><a href="#" onclick="document.getElementById('inpage').src='http://www.honda.com'; document.getElementById('inpage').style.display='block';" onMouseOut="MM_swapImgRestore()" 
onMouseOver="MM_swapImage('LINK_home','','http://mypage.ee/img/b_home2.jpg',1)"  >
<img src="http://mypage.ee/img/b_home1.jpg" alt="Home" name="LINK_home" 
width="150" height="20" border="0" align="top"></a></div>

<div id="main1" style="position:absolute; left:205; top:200px; z-index:7; overflow: auto;">
<iframe id="inpage" style="border: 0px none; border-collapse: collapse; width:550px; height:350px; display: none;"></iframe>
</div>

P.S. Я думаю, что не возникнет затруднений, при решении вопроса сокрытия бордера у IFrame в IE, задав размеры у родительского <div> меньше на ~5px, чем у Iframe и присвоив ему свойство overflow: hidden;