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

HTML+CSS+JavaScript

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

 

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

вид форума:
Линейный форум Структурный форум

тема: изменение размеров фрейма
 
 автор: Indrikozver   (21.11.2007 в 12:58)   письмо автору
 
 

подскажите пожалуйста как можно поменять размер фрейма при помощи JavaScript. он должен определяться в зависимости от числа элементов в нем. а метод вызывается по нажтии кнопки
описание фрейма:

<iframe src="myURL" width="100%" height="{dinamicChange}" frameborder="0" />

   
 
 автор: CNT   (21.11.2007 в 13:40)   письмо автору
 
   для: Indrikozver   (21.11.2007 в 12:58)
 

1. Чтобы "определяться в зависимости от числа элементов в" ифрейме, надо, чтобы в атрибуте SRC этого ифрейма был указан ВАШ файл (т.е. файл с того же поддомена, что и "родительский" файл, содержащий ифрейм). Только в этом случае вы сможете обратиться к объекту document файла, помещенного в ифрейм. В противном случае парсер браузера откажет в этом, указав ошибку "Разрешение отклонено".
Надеюсь, это вам понятно.

2. Если условие, описанное в п.1 выполнено - файл ВАШ, то для определения "числа элементов в ифрейме" вам надо будет обратиться к документу, помещенному в ифрейм, через коллекцию frames.
А при изменении высоты этого ифрейма вам надо будет обращаться к этому ифрейму с помощью метода getElementById

Пример:
файл index.html
<html><head><script>
function myFunc ()
{
var obj = window.frames.myIFR;
var kolich = obj.document.getElementsByTagName ('hr').length;

var newHeight = kolich * 25 + 20; //например, такая формула подсчета высоты
document.getElementById ('myIFR').style.height = newHeight;
}
</script></head><body>
<input type="button" value="Подсчитать количество HR в ифрейме и изменить его высоту" onclick="myFunc ()">
<br><br>
<iframe id="myIFR" src="file1.html">
</body></html>

Ну и сам файл file1.html

<html><body>
бла-бла-бла (включая любые теги)
<hr><hr><hr><hr><hr><hr>бла-бла-бла (включая теги)<hr><hr><hr><hr><hr><hr><hr><hr><hr>
бла-бла-бла (включая теги)
</body></html>

   
Rambler's Top100
вверх

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