Добавляем...


Опции оформления окон
Список допустимых компонентов строки опции для метода window.open() достаточно велик, но это позволяет задавать высоту и ширину окна, устанавливать наличие полос прокрутки и множество других параметров окна. Допустимые значения опций для указанного аргумента описаны в таблице
Компонент Значение Описание Пример
alwaysLowered yes/no Указывает, должно ли окно всегда оставаться позади других окон. Несет в себе потенциальный риск с точки зрения безопасности alwaysLowered=no
alwaysRaised yes/no Указывает, должно ли окно всегда оставаться поверх других окон alwaysRaised=no
dependent yes/no Указывает, должна ли отображаться в окне браузера панель ссылок directories=yes
fullscreen yes/no Указывает, должно ли окно отображаться в полноэкранном режиме (только для IE) fullscreen=yes
height Число пикселей Устанавливает высоту окна, без элементов оформления height=100
hotkeys yes/no Указывает, должны ли быть отключены для нового окна «горячие» клавиши браузера (кроме основных, типа завершения сеанса) hotkeys=no
innerHeight Число пикселей Устанавливает высоту внутренней части окна, где отображается документ innerHeight=200
innerWidth Число пикселей Устанавливает ширину внутренней части окна, где отображается документ innerWidth=300
left Число пикселей Указывает позицию по горизонтали, где по отношению к началу координат экрана следует разместить окно. Предназначен для IE, в других случаях следует использовать screeny left=10
location yes/no Указывает, должна ли отображаться в окне панель адреса location=no
menubar yes/no Указывает, должна ли отображаться в окне панель меню menubar=yes
outerHeight Число пикселей Устанавливает внешнюю высоту окна, включая элементы оформления outerHeight=300
resizable yes/nо Устанавливает внешнюю высоту окна, включая элементы оформления resizable=no
screenx Число пикселей Число пикселей Расстояние (в пикселях) по горизонтали от начала координат экрана до позиции, в которой открывается данное окно. Предназначен для Netscape, в IE следует использовать left screenx=100
screeny Число пикселей Расстояние (в пикселях) по вертикали от начала координат экрана до позиции, в которой открывается данное окно. Предназначен для Netscape, в IE следует использовать top screeny=300
scrollbars yes/no Указывает, должны ли отображаться в окне полосы прокрутки scrollbars=no
status yes/no Указывает, должна ли отображаться в окне строка состояния status=no
titlebar yes/no Указывает, должна ли отображаться в окне строка заголовка toolbar=yes
toolbar yes/no Указывает, должна ли отображаться в окне панель инструментов toolbar=yes
top Число пикселей Указывает позицию по вертикали, где по отношению к началу координат экрана следует разместить окно. Предназначен для IE, в других случаях следует использовать screeny top=20
width Число пикселей Ширина окна. Вместо этого компонента лучше использовать innerWidth width=300
z-lock yes/no Указывает, запрещается ли окну менять свой порядок в стеке (z-индекс) относительно других окон (даже при получении фокуса ввода) z-lock=yes


Вместо буквальных строк для работы с данным методом выгоднее создать строки, содержащие готовые наборы опций оформления. При этом опциональные компоненты должны разделяться запятыми и не содержать никаких пробелов. Например,

var windowOptions = "directories=no,location=no,width=300,height=300";
var myWindow = open("http://www.yahoo.com", "mywindow", windowOptions);

Следующий пример полезен для экспериментов с настройками окон. В поле текста отображается строка JavaScript, используемая при создании окна, и вы можете использовать эту строку в сценариях.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Создать окно</title>
<meta http-equiv="content-type" content="text/html;" />
<script type="text/javascript">
<!--
function createFeatureString()
{
var featurestring = "";
var numelements = document.windowform.elements.length;
for (var i= 0; i < numelements; i++)
if ( (document.windowform.elements[i].type == "checkbox") &&
(document.windowform.elements[i].checked) )
featurestring += document.windowform.elements[i].name+"=yes,";
featurestring += "height="+document.windowform.height.value+",";
featurestring += "width="+document.windowform.width.value+",";
featurestring += "top="+document.windowform.top.value+",";
featurestring += "left="+document.windowform.left.value+",";
featurestring += "screenx="+document.windowform.screenX.value+",";
featurestring += "screeny="+document.windowform.screenY.value;
return featurestring;}
function openWindow()
{
var features = createFeatureString();
var url = document.windowform.windowurl.value;
var name = document.windowform.windowname.value;
theNewWindow = window.open(url,name,features);
if (theNewWindow)
document.windowform.jscode.value =
"window.open('"+url+"','"+name+"','"+features+"');"
else
document.windowform.jscode.value = "Error: JavaScript Code Invalid";
}
function closeWindow()
{
if (window.theNewWindow)
theNewWindow.close();
}
//-->
</script>
</head>
<body>
<form name="windowform" id="windowform" action="#" method="get">
<h2>Базовые параметры окна</h2>
URL: <input type="text" name="windowurl" id="windowurl" size="30" maxlength="300"
value="http://www.yahoo.com" /><br />
Window Name: <input type="text" name="windowname" id="windowname" size="30"
maxlength="300" value="secondwindow" /><br />
<h2>Размер</h2>
Height: <input type="text" name="height" id="height" size="4" maxlength="4"
value="100" />
Width: <input type="text" name="width" id="width" size="4" maxlength="4"
value="100" /><br />
<h2>Координаты</h2>
Top: <input type="text" name="top" id="top" size="4" maxlength="4" value="100" />
Left: <input type="text" name="left" id="left" size="4" maxlength="4" value="100"
/> (IE)<br /><br />
ScreenX: <input type="text" name="screenX" id="screenX" size="4" maxlength="4"
value="100" />
ScreenY: <input type="text" name="screenY" id="screenY" size="4" maxlength="4"
value="100" /> (Netscape)<br />
<h2>Параметры отображения</h2>
Always Lowered: <input type="checkbox" name="alwaysLowered" id="alwaysLowered" />
Always Raised: <input type="checkbox" name="alwaysRaised" id="alwaysRaised" />
Dependent: <input type="checkbox" name="dependent" id="dependent" />
Directories: <input type="checkbox" name="directories" id="directories" />
Hotkeys: <input type="checkbox" name="hotkeys" id="hotkeys" />
Location: <input type="checkbox" name="location" id="location" />
Menubar: <input type="checkbox" name="menubar" id="menubar" /><br />
Resizable: <input type="checkbox" name="resizable" id="resizable" />
Scrollbars: <input type="checkbox" name="scrollbars" id="scrollbars" />
Titlebar: <input type="checkbox" name="titlebar" id="titlebar" />
Toolbar: <input type="checkbox" name="toolbar" id="toolbar" />
Z-Lock: <input type="checkbox" name="z-lock" id="z-lock" />
<br /><br />
<input type="button" value="Create Window" onclick="openWindow();" />
<input type="button" value="Close Window" onclick="closeWindow();" />
<br /><br />
<hr />
<h2>JavaScript Window.open Statement</h2>
<textarea name="jscode" id="jscode" rows="4" cols="80"></textarea>
</form>
</body>
</html>


добавить комментарий
(без перезагрузки и регистрации)


10 случайных разделов

Что ищем на сайте ?


Примеры кода на сайте







@ 2008-2011 Amber
При использовании материалов ссылка на сайт обязательна
Яндекс.Метрика