Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: Изменяемая высота тега <iframe> средствами javascript

Сообщения:  [1-3] 

 
 автор: smart96   (01.02.2008 в 11:00)   письмо автору
 
   для: CNTv2.0   (31.01.2008 в 18:31)
 

Большое спасибо! Все работает! :-)

   
 
 автор: CNTv2.0   (31.01.2008 в 18:31)   письмо автору
 
   для: smart96   (31.01.2008 в 17:10)
 

1. У объекта document в Эксплорере нет атрибута height

2. Для кроссбраузерности используйте объект body и его свойство scrollHeight

3. Полученное в п.2 значение необходимо увеличить на суммарную ширину двух бордеров тега <IFRAME> (верхнего и нижнего. По умолчанию они равны по 2px каждый).

4. Присваивать итоговое значение следует не просто атрибуту height объекта <IFRAME>, а его свойству стиля height (и добавлять 'px')
parent.document.getElementById ("quotes_frame").style.height = (document.body.scrollHeight + 4) + 'px';


5. И, в принципе, всё это можно "навешивать" не на каждую загружаемую в <IFRAME> страницу, а всего один раз - в индексном файле (в котором этот тег <IFRAME> находится) "навесить" обработчик события onload на сам тег <IFRAME>:
<html>
<head>
<script>
function myFunc ()
{
document.getElementsByName ('quotes_frame') [0].style.height = (window.frames ['quotes_frame'].document.body.scrollHeight + 4) + 'px';
}
</script>
</head>
<body>
<iframe src="URL_вашего*_файла" name="quotes_frame" onload="myFunc ()">
</body>
</html>

Примечание: "ваш файл" означает, что он с того же домена, что и индексный (с тегом <IFRAME>). Иначе будет ошибка "Permission denied/Доступ закрыт"

   
 
 автор: smart96   (31.01.2008 в 17:10)   письмо автору
 
 

Здравствуйте!
Столкнулся с такой проблемой: требуется чтоб на странице автоматически изменялась высота фрейма <iframe> в зависимости от того, сколько места занимает страница, загруженная в него. Другими словами, надо чтобы фрейм "тянулся " вниз для отображения всего содержимого загруженной в него страницы. Средства html+css не смогли меня выручить, поэтому решил написать на javascript-е.
Получился такой код (это фрагмент кода загружаемой во фрейм страницы):
********************************************
...
<script type="text/javascript">
function set_frame_size(){
parent.document.getElementById("quotes_frame").height=document.height;}
</script>
</head>
<body onload="set_frame_size()">
...
********************************************
quotes_frame - это идентификатор фрейма на основной странице.

Этот код работает в FF, а вот в IE6 - нет, кто знает как решить проблему, помогите плиз!
Заранее благодарен!

   

Сообщения:  [1-3] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования