С наступающим Новым годом! Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
but3
0 / 0 / 0
Регистрация: 20.02.2014
Сообщений: 3
1

Динамический параметр высоты в inframe

20.02.2014, 14:29. Просмотров 415. Ответов 5
Метки нет (Все метки)

Здравствуйте! Продолжу тему...
Есть инфрэйм с "резиновым" значением Height... всё работает,но почему то под мозилой и IE не пашет именно когда инфрэйм обрамлён скриптом(((


Очень прошу, помогите подружить эту функцию и для мозилы с эксплорером!Если не сложно распишите подробно полностью скорректированный код...

Вот сам скрипт, отвечающий за автоматическое растягивание инфрэйма по параметру Height:

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<script src="http://yandex.st/jquery/2.0.3/jquery.min.js"></script> 
<script> 
function doIframe(){ 
o = document.getElementsByTagName('iframe'); 
for(i=0;i<o.length;i++){ 
if (/\bautoHeight\b/.test(o[i].className)){ 
setHeight(o[i]); 
addEvent(o[i],'load', doIframe); 
} 
} 
} 
 
function setHeight(e){ 
if(e.contentDocument){ 
e.height = e.contentDocument.body.offsetHeight + 35; 
} else { 
e.height = e.contentWindow.document.body.scrollHeight; 
} 
} 
 
function addEvent(obj, evType, fn){ 
if(obj.addEventListener) 
{ 
obj.addEventListener(evType, fn,false); 
return true; 
} else if (obj.attachEvent){ 
var r = obj.attachEvent("on"+evType, fn); 
return r; 
} else { 
return false; 
} 
} 
 
if (document.getElementById && document.createTextNode){ 
addEvent(window,'load', doIframe); 
} 
</script>
Ну а это сам имфрэйм обрамлённый скриптом, который вызывает именно графу ЛЮБИМЫХ СМАЙЛОВ который должен по идее автоматически растягиваться по Height:

Javascript
1
<script>document.write("<iframe class='autoHeight' allowtransparency='true' frameborder='no' width='200' scrolling='no' name=sml src=index.php?inc=smile&table=2-31-0&frame=1&cat=fav&"+parent.yourkey+"></iframe>");</script>
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
20.02.2014, 14:29
Ответы с готовыми решениями:

Изменяющийся inframe
Помогите! Обыскал весь интернет со своим вопросом, и нигде не нашел толкового...

Передать параметр высоты окна в setGeometry для динамического изменения высоты окна
Здравствуйте, появилась необходимость динамически изменять высоту окна. ...

Динамический массив как параметр функции
Господа, прошу Вас помочь с функцией. Собственно говоря, необходимо с помощью...

Скопировать часть изображения, ошибка "параметр должен быть положительным и меньше высоты"
Реализую так : kap1.Width = b - a; Bitmap kap = new Bitmap(70,...

Найти координаты основания высоты, уравнения стороны, высоты, медианы
A(2,-3), B(17,-3), C(11,15) Найти a) координаты основания высоты BD...

5
kalabuni
Нарушитель
3315 / 2625 / 630
Регистрация: 18.04.2012
Сообщений: 7,942
20.02.2014, 15:33 2
14 e.style.height = (e.contentDocument.body.offsetHeight + 35) + 'px';
15 } else {
16 e.style.height = e.contentWindow.document.body.scrollHeight + 'px';
0
but3
0 / 0 / 0
Регистрация: 20.02.2014
Сообщений: 3
20.02.2014, 18:37  [ТС] 3
Благодарю, код работает, но...есть но - когда я скрываю дивом инфрэйм, опять не пашет-поле смайликов не появляеться, опять же под эксплорером и мазилой((( Под хромом и оперой всё нормально...
скрытие дивом инфрэйма у меня вот так прописано:

Javascript
1
2
3
4
5
6
7
8
9
<div id=hide4 style="display:none" align="center">
 
<script>document.write("<iframe class='autoHeight' allowtransparency='true' frameborder='no' width='330' scrolling='no' name=sml src=index.php?inc=smile&table=2-31-0&frame=1&cat=fav&"+parent.yourkey+"></iframe>");</script>
 
</div>
 
<center><a href=# onclick="obj=document.getElementById('hide4'); if(obj.style.display=='none') obj.style.display='block'; else obj.style.display='none'; return false;">показать/скрыть смайлы</a>
 
</center>
0
kalabuni
Нарушитель
3315 / 2625 / 630
Регистрация: 18.04.2012
Сообщений: 7,942
20.02.2014, 18:51 4

Не по теме:

когда вы перестанете коверкать русский язык?
IFRAME спеллируется однозначно - айфрейм (или упрощённо - ифрейм), а у вас то инфрейм, то имфрейм...



непонятно, что именно у вас не работает?
0
but3
0 / 0 / 0
Регистрация: 20.02.2014
Сообщений: 3
20.02.2014, 18:58  [ТС] 5
Да, извиняюсь ифрейм!!!
Что касаемо проблемы,я же написал при нажатии на ссылку "показать/скрыть смайлы" они не появляються, убираю дивы - код работает, с дивами нет, а мне нужно чтобы блок смайлов был скрыт и открывался только при нажатии и естественно с динамическим параметром Height.
0
kalabuni
Нарушитель
3315 / 2625 / 630
Регистрация: 18.04.2012
Сообщений: 7,942
20.02.2014, 19:14 6
нагородили огород

HTML5
1
2
3
4
5
6
7
8
9
10
11
<script>
var txt  = '<iframe id="mIFR" class="autoHeight" allowtransparency="true" frameborder="no"';
    txt += ' width="330" scrolling="no" name="sml" style="visibility: hidden" src="URL" ';
    txt += 'onload="this.style.height = ((this.contentWindow || this.contentDocument)';
    txt += '.document.body.scrollHeight + 35) + \'px\'"></iframe>';
document.write (txt);
</script>
<p><input type="button" value="Показать"
          onclick="var w = (this.value == 'Скрыть');
                   document.getElementById ('mIFR').style.visibility = w ? 'hidden' : 'visible';
                   this.value = w ? 'Показать' : 'Скрыть'">
и никаких лишних div'ов не надо
1
20.02.2014, 19:14
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
20.02.2014, 19:14

Какое количество топлива необходимо для спуска с высоты A до высоты B
Имя входного файла | input.txt ...

Вычислить, какое количество единиц топлива необходимо для спуска шара с высоты B до высоты A
Полетав немного на модифицированном воздушном шаре, Шурик отметил неприятную...

Автоматическое изменение высоты сразу нескольких элементов управления при изменении высоты формы
Здравствуйте! Подскажите пожалуйста, возможно ли настроить автоматическре...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru