Открытие нового окна. Рассмотрим простой пример. Допустим тема Вашего сайта - картинки.
Когда посетитель заходит на страницу Вашего сайта, он видит много маленьких
картинок. Выбрав понравившуюся картинку, посетитель кликает на нее и
открывается та же картинка, но с больщим разрешением и True color цветностью.
Это делается элементарно, например так <a href="pic.jpg"><img
src="pic.gif"></a>, при использовании такой
записи картинка откроется в том же окне. Гораздо удобнее было бы открывать
картинки каждую в отдельном окне. Это можно сделать, напрмер, так <a
href="pic.jpg" target=newwindow><img src="pic.gif"></a>,
где newwindow - имя целевого окна, если окна с таким именем нет, то
откроется новое окно. Что бы всегда открывать новое окно необходимо
использовать target=_blank. Новое окно
браузера будет открыто с панелью инструментов, статусбаром, и прочими,
не нужными для просмотра картинки, вещами, которые создают громоздкость
окна и неэргономичность Вашего сайта. Как решить эту проблему? Надо
использовать метод window.open(URL, windowname,
window features). Здесь URL - адрес документа который откроется
в окне. Windowname - имя окна (также можно использовать _blank), если
окна с таким именем еще не открыто, то откроется новое окно, если окно
с таким именем уже открыто, то в нем откроется документ из URL. Window
features позволяет задать будет ли новое окно содержать панель инструментов,
меню, статусбар, задать координаты окна на экране, размеры окна и т.д.
Пример: пусть есть маленькая
картинка. Мы хотим что бы по нажатии на эту картинку открывалась такая
же, но большая картинка и в отдельном окне без лишних инструментов.
это делается так:
<img src="pic.gif"
onclick="window.open('pic.jpg','_blank','scrollbars, width=50, height=50');">
Вот как это будет работать:
кликните на картинку
Window features'ов может быть несколько и задаются они через запятую.
Вот некоторые значения: scrollbars, menubar, toolbar,
status, resizable, height=... , width=... , left=... , top=... .
|