В этом примере создаются две страницы, как показано на рисунке 1. Index.html — это страница, отображаемая в подокне, а страница с именем firstpage.html содержит ссылку для открытия Index.html в подокне. При нажатии на ссылку index.html открывается в дочернем окне. Вы можете напрямую щелкнуть ссылку «Закрыть» в подокне, чтобы закрыть подокно, или можете игнорировать ее. Подокно автоматически закроется через 15 секунд.
Рисунок 1. Конкретная работа всплывающей страницы браузера
заключается в следующем:
1. Создайте папку Smlple на локальном сайте.
2. В папке Smlple создайте файлы с именами Index.html и firstpage.html.
3. Дважды щелкните Index.html, чтобы открыть документ и войти в окно просмотра дизайна документа.
4. Нажмите меню «Вид/Содержимое заголовка», чтобы отобразить область заголовка документа.
5. Щелкните панель заголовка документа в окне представления «Дизайн». Выберите меню «Вставка/Невидимые теги/Сценарий», чтобы открыть диалоговое окно «Вставить сценарий». Как показано на рисунке 2, выберите параметр JavaScript в раскрывающемся списке «Язык» и введите «setTimeout(»self.close()», 15000)» в текстовое поле Coctento. Нажмите кнопку «ОК», чтобы завершить сценарий, который автоматически закрывает дочернее окно через 15 секунд после вставки его в заголовок документа. В коде 15000 означает 15000 миллисекунд, что составляет 15 секунд. Вы также можете изменить его на необходимое вам количество миллисекунд.
Рисунок 2. Установка времени
6. Введите слово «Закрыть» в окне документа, введите «###» в текстовом поле «Ссылка» на панели свойств и установите его в качестве пустой ссылки.
7. В редакторе «Быстрый тег» в левой части строки состояния нажмите кнопку «Тег». Выберите ссылку «Закрыть», а затем нажмите комбинацию клавиш Ctrl+T, чтобы открыть быстрый редактор тегов и войти в режим редактирования тега быстрого редактора тегов. Затем введите «onclick="selfclose()"» перед «>». Как показано на рисунке 3, после завершения настроек нажмите кнопку ОК, чтобы подтвердить операцию. Таким образом, после открытия Index.html как подокна щелчок по ссылке может немедленно закрыть подокно.
Рисунок 3. Установка времени
8. Сохраните файл Index.html и закройте окно Dremweaver index.html.
9. Теперь приступайте к разработке страницы fristpage.html. В папке Smlple локального сайта дважды щелкните файл fristpage.html, чтобы открыть документ и войти в окно просмотра дизайна документа.
10. Введите в документ слова «Нажмите здесь, чтобы открыть подокно, которое автоматически закроется». Затем введите «###» в текстовом поле «Ссылка» на панели свойств, чтобы установить ее как пустую ссылку.
11. Вы можете настроить открытие окна Index.html при щелчке по ссылке, применив к ссылке поведение «Открыть окно браузера», но более удобный метод — использовать редактор Quick Identity Editor. Для этого сначала поместите точку вставки в ссылку, затем нажмите кнопку «Идентификация» в селекторе идентификаторов в левом конце строки состояния, чтобы выбрать всю ссылку. Затем нажмите комбинацию клавиш Ctrl+T, чтобы открыть Быстрый редактор тегов и войти в режим редактирования логотипа Быстрого редактора тегов. Затем введите «onclick="window.open('index.html',null','width=200px, height=200px')» перед «>» (как показано на рис. 4). После завершения настройки нажмите клавишу Enter, чтобы подтвердить операцию.
Рисунок 4. Настройка открытия ссылки при нажатии
12. Вышеописанные операции завершают настройку для этого примера. Вы можете щелкнуть меню и использовать «Файл/Сохранить», чтобы сохранить свою работу. Затем нажмите клавишу F12, чтобы просмотреть эффект страницы в браузере.