Элемент iframe и его атрибуты

Вот пример iframe:

<iframe src="http://yapro.ru/article/5242" frameborder="1" scrolling="no" height="150" width="700" hspace="10" vspace="50" marginwidth="30" marginheight="8"></iframe>

разберем его:

src="text.html" - документ который мы подгружаем

vspace="50" - вертикальный отступ или отступ по вертикали от фрейма, снаружи фрейма

hspace="10" - горизонтальный отступ или отступ по горизонтали от фрейма, снаружи фрейма

marginwidth="30" - отступ по ширине или отступ справа и слева, внутри фрейма

marginheight="8" - отступ по высоте, то есть отступ сверху и снизу, внутри фрейма

frameborder="1" - ширина границы фрейма

scrolling="no" - показывать ли скролинг, в данном случае стоит no(нет), если скролинг нужен то ставим yes(да)

width="800" - собственно ширина фрейма

height="600" - высота фрейма

Примечание: не все атрибуты, перечисленные здесь, будут "выполнять свою миссию" в других браузерах!

09.07.2007 21:01

Комментарии

Спасибо, буду использовать на сайте www.timoshin.ru - художник Тимошин
|
У меня вопрос: что сделать чтобы загружаемое окно показывало низ, а не верх страницы? Мне оч нужно это для создания чата. Последние сообщения внизу.
Kear |
можно с помощью JavaScript прокрутить окно в ифрэйме в самый низ или загружать его с якорем, который в iframe расположен в подвале.
Admin |
Спасиб за совет. А как именно с помощью JS это сделать? Может на этом сайте есть уроки соответствующие? Или подскажи как этот якорь в подвал закинуть.
Kear |
Без проблем, вот подготовил Вам пример в двух вариантах, сначала с якорем, а потом с помощью JS - http://yapro.ru/uploads/Files/iframe/index.html
Admin |
Спасибо! Очень помог! (yea) (yea) (yea)
Kear |
есть ещё атрибут - allowfullscreen(это на you tube подсмотрел), правда не знаю для чего он. Вопрос: есть ли возможность, чтоб не было скролинга, уменьшить отображаемый фрейм?
Иван |
scrolling="no" выше об этом написано
Admin |
Спасибо!!! Целую кучу сайтов перелопатил и только здесь нашёл что-нибудь понятное и ответ на свой вопрос :-) Странно только, что marginwidth и marginheight не работают. В четырёх браузерах проверил. В Вашем примере (на этой странице) всё работает. У меня - нет :-( Даже JS из Вашего примера выше в комментах использовал... Не могу понять в чём дело.
Nick |
Огромнейшее спасибо !!!А то скрол топ работало у меня только с дивами и никак с и-фреймом !
Jquery38 |
Там якорь в Вашем 1-вом примере - айдишник. А как провернуть такую штуку с якорем, который имеет атрибут, допустим, result ?
Jquery38 |
что-то я такого атрибута не встречал ни у одного элемента, может Вы имеете ввиду значение id?
Admin |
Автор не до конца обьснил сущность фреймов - существует ОГРОМНАЯ разница между фреймами, которые показывают страничку с того-же домена и фреймами, которые показывают странички с других доменов! У автора прокрутка фрейма осуществляется за счет прокрутки не самого фрейма, а содержимого этого фрейма. Т.е., он получает доступ к страничке, которая отображается во фрейме и прокручивает именно ее! Если фрейм отображает страничку с другого домена, то браузеры, из-за требований безопасности, блокируют доступ к содержимому такого фрейма! Поэтому, если Вы загружаете во фрейм страничку совершенно с другого сайта, то у Вам не будут работать вообще никакие примеры, которыми пестрит Инет - прийдется смириться, что во фрейме вы будут видеть чужой сайт в таком виде, как его задумал автор этого сайта!
|
Не надо никаких якорей, просто знание CSS, вот лови: <div style="max-width: 977px;min-width:650px; height: 100%; overflow: hidden;"> <iframe style="border: 0px solid black; margin-left: -260px; margin-top: -366px;" src="Ваш сайт" width="950" height="2900" scrolling="no"> </iframe> </div>
Deryvier |

Copyrights © 2007 - 2026 YaPro.Ru