iframe

@serjo86 · Регистрация: 04.03.2010

Студворк — интернет-сервис помощи студентам

при подгрузке ifraem растягиваю окошко - куда он грузится , через javascript, но при загрузке в этот же окошко другого iframe это окошко больше под него не масштабируется(( - подскажите как жешить проблемку..

@svtbox · 04.03.2010, 20:25

не совсем понял вашу проблему, может посоветую что то не то, но вообще вместо iframe можно использовать вот такой метод:
1) подключаем к странице

HTML5
1
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

2) создаем в документе

HTML5
1
<div id="something"></div>

куда будем подгружать контент, а потом пишем

HTML5
1
<script type="text/javascript">$('#something').load('content.html');</script>

где content.html - это собственно контент для подгрузки

@serjo86 · 05.03.2010, 10:59 **[ТС]**

HTML5
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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<HTML>
<HEAD>
<TITLE>Общая топология</TITLE>
<!--этот код растягивает окошко под iframe-->
<script type="text/javascript">
var timeout;
function clickAction() {
    frameFitting();
    var fr = document.getElementById('demo_frame').contentWindow.document.body.getElementsByTagName('a');
    
    
    for (var i=0; i<fr.length; i++) {
        fr[i].onclick = function() {
            clearInterval(timeout);
            timeout = setInterval("frameFitting()",100);
        }
    }
}
function frameFitting() {
    document.getElementById('demo_frame').width = '100%';
    document.getElementById('demo_frame').height = document.getElementById('demo_frame').contentWindow.document.body.scrollHeight+4+'px';
}
onload = clickAction;
</script>
</HEAD>
<CENTER>
<table border="0" cellpadding="1" cellspacing="0" bgcolor="#038080" width="720">
    <tr><td >
          <table border="0" cellpadding="1" cellspacing="0" bgcolor="#000000" width="100%">
            <tr><td>
                  <table border="0" cellpadding="0" cellspacing="0" bgcolor="#808080" width="100%">
      <tr>
         <td bgcolor="#ffffff" class="smallheader" >   
                   <a href="index2.html"  target="hero">index2</a>
             </td>
    </tr>
              </table>
                      </td></tr>
         </table>
    </td></tr>
             <tr><td>
  <iframe src="index.html" name="hero"  id="demo_frame" align="center" scrolling="no" ></iframe>
             <table border="0" width="100%" cellpadding="0" cellspacing="0">
                   <tr><td  bgcolor="#354463" align="left" class="infohead" width="100%">
                end
                   </td></tr>
            </table>
</table>
</CENTER>
</BODY>
</HTML>

1) пепейды по ссылке index2(если его контент меньше предыдущего) окошко не масштабируется под него - остается таким же как и было..(не уменьшаесть(((( )
2) и еще проблема, при обновлении страницы - она выходит на главный iframe (например перешел
на iframe2, обновил - а страничка загружает главный..)

@ostgals · 05.03.2010, 12:02

А вы, вообще, читаете, что вам отвечают?..

Не можете совладать с iframe, грузите содержимое index.html и index2.html в div.

Сообщение от serjo86

2) и еще проблема, при обновлении страницы - она выходит на главный iframe (например перешел
на iframe2, обновил - а страничка загружает главный..)

Это не проблема. Это нормальное поведение iframe.

Добавлено через 41 минуту
Даю вам бесплатно реализацию двух идей:
1. Загрузка содержимого (body) другой страницы в div
2. Запоминание загружаемой страницы через механизм якорей (anchor), чтобы не сбрасывалось при рефреше

HTML5
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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
 
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    
    <script type="text/javascript">
        
        // здесь перечисляем все возможные страницы парами (якорь => адрес).
        // если не знаем что такое якорь в html, можем смело идти топиться.
        var pages = {
            '#page1': 'index1.html',
            '#page2': 'index2.html',
            '#page3': 'index3.html'
        };
        // хранит адрес текущей страницы
        var current_page = '';
        
        // эта функция вызывается раз в секунду. если адресная строка после
        // символа # изменилась, то загружаем в #hero другую страницу
        function navigate(default_page)
        {
            var hash = location.hash;
            var page = (hash && pages[hash] ? pages[hash] : default_page);
            
            if (current_page != page)
            {
                $('#hero').load(page, 'body');
                current_page = page;
            }
        }
        
        // установка таймера для перодического вызова navigate()
        $(function(){
            setInterval('navigate("index1.html")', 1000);
        });
        
    </script>
    
</head><body>
 
    <!--
        меню: адреса указываются как якоря. каждому якорю в скрипте выше
        соответствует определенный адрес.
    -->
    <div id="menu">
        <ul>
            <li><a href="#page1">Page 1</a></li>
            <li><a href="#page2">Page 2</a></li>
            <li><a href="#page3">Page 3</a></li>
        </ul>
    </div>
    
    <!--
        слой, куда загружается содержимое тэга body текущей страницы.
        надеюсь, не надо объяснять, что он сам растянется под содержимое?
    -->
    <div id="hero"></div>
    
</body></html>

@serjo86 · 06.03.2010, 20:42 **[ТС]**

пасибо большое!!, разобрался - работает

, вот только теперь поблема с русской кодироваой.. все в таких символах - �� ., видимо это из "src="http://code.jquery.com/jquery-latest.js" но там много всего.. не нашел где..

Добавлено через 5 минут
всмысле содердимое контента --> �� в такой кодировке..

@ostgals · 06.03.2010, 23:05

Хм.. А кодировка у вас в главном документе какая?

HTML5
1
2
3
4
5
6
<head>
   ...
   <!-- вот эта строка определяет вашу кодировку (windows-1251) -->
   <meta http-equiv="Content-Type" content="text/html;charset=windows-1251" />
   ...
</head>

@serjo86 · 07.03.2010, 10:32 **[ТС]**

попробывал - не помагло!.. в браузерах стоит автоматикеский выбор кодировки, дело в том, что главная страница отображает как надо -в windows-1251, а вот контенты тех страничек которые подгружаются в div там храмает. Хотя когда меняешь ручками в браузере( - вид -> кодировка ->), то все становится на свои места..
<meta http-equiv="Content-Type" content="text/html;charset=windows-1251"> ставил и в главный и в подгружаемый пробывал...
и как может быть в одной html-ке 2 кодировки..

@ostgals · 07.03.2010, 11:42

Мде.. Странно.. Просто я всегда использую кодировку utf-8. С ней у меня ни разу проблем не возникало. Попробовал ваш пример переделать в windows-1251 - сразу пошли квадратики.

Видимо, XMLHttpRequest (тот что задействован в .load() ) все-таки не умеет работать с чистой кириллицей - только через Уникод (utf-8).

См. в приложении мой рабочий вариант.

@serjo86 · 07.03.2010, 12:42 **[ТС]**

пасибо!

все заработало, буду менять кодировку..

04.06.2010, 01:21

2Ostgals:
Приведенный пример почему-то не работает для 4 и больше страниц.....если есть решение, пожалуйста, просветите!)

Добавлено через 2 часа 45 минут
Вроде разобрался, не паниковать)))

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .	[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .

@serjo86 1 / 1 / 0 Регистрация: 04.03.2010 Сообщений: 19

	iframe 04.03.2010, 17:18. Показов 6101. Ответов 9 Метки нет (Все метки) при подгрузке ifraem растягиваю окошко - куда он грузится , через javascript, но при загрузке в этот же окошко другого iframe это окошко больше под него не масштабируется(( - подскажите как жешить проблемку.. 0

@serjo86 1 / 1 / 0 Регистрация: 04.03.2010 Сообщений: 19
	06.03.2010, 20:42 [ТС]
	пасибо большое!!, разобрался - работает, вот только теперь поблема с русской кодироваой.. все в таких символах - �� ., видимо это из "src="http://code.jquery.com/jquery-latest.js" но там много всего.. не нашел где.. Добавлено через 5 минут всмысле содердимое контента --> �� в такой кодировке.. 0

@serjo86 1 / 1 / 0 Регистрация: 04.03.2010 Сообщений: 19
	07.03.2010, 10:32 [ТС]
	попробывал - не помагло!.. в браузерах стоит автоматикеский выбор кодировки, дело в том, что главная страница отображает как надо -в windows-1251, а вот контенты тех страничек которые подгружаются в div там храмает. Хотя когда меняешь ручками в браузере( - вид -> кодировка ->), то все становится на свои места.. <meta http-equiv="Content-Type" content="text/html;charset=windows-1251"> ставил и в главный и в подгружаемый пробывал... и как может быть в одной html-ке 2 кодировки.. 0

@serjo86 1 / 1 / 0 Регистрация: 04.03.2010 Сообщений: 19
	07.03.2010, 12:42 [ТС]
	пасибо! все заработало, буду менять кодировку.. 0

Waver
	04.06.2010, 01:21
	2Ostgals: Приведенный пример почему-то не работает для 4 и больше страниц.....если есть решение, пожалуйста, просветите!) Добавлено через 2 часа 45 минут Вроде разобрался, не паниковать)))