Загрузить указанную страницу в iFrame

@Bogatir709 · Регистрация: 12.10.2013

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

Добрый вечер!
Я и мой одногруппник - двое студентов одного из московских технарей. Предмет "программирование на языках высокого уровня" я сдал на четвёрку, в то время как мой друг протормозил и остался без зачёта. Преподаватель ушёл, а вместо него через какое-то время появился новый, более серьёзно относящийся к своему предмету. Для несдавших он выбрал такое задание: создать сайт (точнее, несколько связанных между собой страничек) на html, на которых будут разные элементы: кнопки, галочки-чекбоксы, таблицы, поля ввода текста и т.п. Друг в тегах не рубит совсем, я более-менее смог создать ему небольшой, но интересно сделанный сайт. Препод сказал, что сайт не катит, потому что "мало функционала" (на главной странице был большущий div с документом внутри, про колонизацию Марса, еще страница с галочками и кнопками, и еще одна с кучей табличек).
Я подумал, и добавил два JavaScript'a, на главную страницу - часы и календарь. Не я их писал, поэтому и работают =)
Также добавил iframe, чтобы можно было посмотреть не один документ, а, например, выбрать его из списка. Чтобы выбранный из списка документ открывался - нужен ещё один скрипт.

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
60
61
62
<head>
<link rel='stylesheet' type='text/css' href='style.css' media='all' /> <!--Добавление стиля-->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"><!--Добавление иконки сайта-->
<title>Главная страница</title>  <!-- Заголовок страницы -->
<Script>
    function dataSelect(f) {
      n = f.combobox1.selectedIndex;
      alert("Выбрано: " + f.combobox1.options[n].value);
      getIframeDocument(window.frames["main_iframe"]).location.src = "http://www.yandex.ru/";
    }
    
    // получить окно по тегу
    function getIframeDocument(iframeNode) {
        if (iframeNode.contentDocument) return iframeNode.contentDocument;
        if (iframeNode.contentWindow) return iframeNode.contentWindow.document;
        return iframeNode.document;
    }
  </Script>
</head>
<body>
<div id="menu"> <!-- Добавление меню -->
            <div id="menu1">
            <center>    <!-- Разместить по центру -->
                <a href="index.htm" >Главная</a> <!-- Пункты меню - ссылки на страницы сайта-->
                <a href="vote.htm" >Голосовать</a>
                <a href="info.htm" >Информация</a>
            </center>
            </div>
        </div>
 
 
 
<div id="main_pane">
    
    <div id="widget_pane_left">
        <!--Левая панель виджетов-->
        <div id="widget_clock"><iframe src="scripts\graph_digital_clock\index.html" width="98%" height="100%" frameborder="no"></iframe></div><!--Часики-->
        <div id="widget_calendar"><iframe src="scripts\calendar\themes\space_calendar.html" width="98%" height="100%" frameborder="no"></iframe></div><!--Календарь-->
        <div id="widget_combobox">
        <br>
        Выберите документ:
        <br>
        <form action="form1">
        <select name="combobox1" size=1>
            <option value="Меркурий — Википедия.htm" >Меркурий</option>
            <option value="Венера — Википедия.htm" >Венера</option>
            <option value="Земля — Википедия.htm" >Земля</option>
            <option value="Марс — Википедия.htm" >Марс</option>
            <option value="Юпитер — Википедия.htm" >Юпитер</option>
            <option value="Сатурн — Википедия.htm" >Сатурн</option>
            <option value="Уран (планета) — Википедия.htm" >Уран</option>
            <option value="Нептун — Википедия.htm" >Нептун</option>
            <option value="Плутон — Википедия.htm" >Плутон</option>
        </select>
        <input type="button" value="OK" onClick="dataSelect(this.form)"></input>
        </div>
    </div><div id="pane">
        <!--Основное невидимое поле страницы. Позволяет размещать панели виджетов в один ряд-->
                <iframe id="main_iframe" name="main_iframe" src="documents\Меркурий — Википедия.htm" width="98%" height="98%" frameborder="no"></iframe>
    </div>
</div>
</body>

На страничке находятся три iframe: двое из них отображают страницы со скриптами для часов и календаря, и ещё один - для просмотра html-документов.
Вобщем-то, скрипт я написал (dataSelect(f)), и он срабатывает при нажатии кнопки ОК, но документ в iframe не меняется (должен поменяться, для начала хотя бы на Яндекс)
Суть вопроса: что надо исправить, чтобы при нажатии на кнопку, в iframe загрузилась указанная страница?
Весь сайт находится у меня на яндекс.диске: http://yadi.sk/d/BJ5YA1KLBeyft

Добавлено через 10 минут
о, да, забыл уточнить, сайт сдаётся преподавателю на флешке, а не размещается в сети. поэтому мы не использовали php

Добавлено через 2 минуты
документы, которые загружаются в третьем iframe, лежат рядом со страницей в папке documents, перенаправление будет происходить на них в конечном варианте "сайта"

Добавлено через 18 часов 23 минуты

@BigProgrammer · 01.11.2013, 17:57

Попробуйте вместо изменения свойства window.frames["main_iframe"].contnentDocument.location.src менять свойство src непосредственно у айфрейма (window.frames["main_iframe"].src).

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .

@BigProgrammer 38 / 38 / 8 Регистрация: 20.07.2013 Сообщений: 105
	01.11.2013, 17:57
	Попробуйте вместо изменения свойства window.frames["main_iframe"].contnentDocument.location.src менять свойство src непосредственно у айфрейма (window.frames["main_iframe"].src). 1