Форум

Lizzzy · #1 (**permalink**) 27.04.2014, 20:55

Как написать скрипт, чтобы при нажатии на кнопку submit окно браузера уменьшалось. И так чтобы работало в IE
Нужно использовать метод resizeTo?

Lizzzy · #2 (**permalink**) 27.04.2014, 21:42

Написала вот так, не работает! Почему? В чем ошибка? Подскажите, только-только начала изучать

<!doctype html>
<html>
<head>
<meta charset="windows-1251">
<title></title>
<script language="JavaScript" type="text/javascript">
function resizeWindow()
{
window.resizeTo(500,300);
}
</script>
<body>
<form>
<input type="submit" onclick="resizeWindow()" value="Изменить размер окна" />
</form>
</body>
</html>

monolithed · #3 (**permalink**) 27.04.2014, 22:06

Кроссбраузерно никак, да и не нужно это.
window.resizeTo работает только для окон созданных через window.open

Lizzzy · #4 (**permalink**) 27.04.2014, 22:44

Дописала вот так! все равно не работает!

<!doctype html>
<html>
<head>
<meta charset="windows-1251">
<title></title>
<script language="JavaScript" type="text/javascript">
var window_height = screen.availHeight
var window_width = screen.availWidth
var window_dimensions = "height=" + window_height + ", width=" + window_width
function openWindow()
{
myWindow=window.open('','',window_dimensions);
myWindow.document.write("<p>Это окно с именем 'myWindow'</p>");
}
function resizeWindow()
{
myWindow=window.resizeBy(-100, -100);
}
</script>
<body>
<input type="submit" value="Открыть 'myWindow'" onclick="openWindow()" />
<br /><br />
<input type="submit" onclick="resizeWindow()" value="Изменить размер 'myWindow'" />
</body>
</html>

jsnb · #5 (**permalink**) 28.04.2014, 08:22

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

Дописала вот так! все равно не работает!

Нельзя изменить размер максимизированного окна...
Вот пример создания окна с возможностью изменения его размеров:

<!DOCTYPE html> 
 <html> 
 <head> 
 <meta charset="utf-8"> 
<script type="text/javascript">
var window_dimensions = "height=400, width=400";
var myWindow;

function openWindow() {
  myWindow = window.open('', '', window_dimensions);
  myWindow.document.write('<input type="button" onclick="window.resizeBy(100,100)" value="увеличить">');
  myWindow.document.write('<input type="button" onclick="window.resizeBy(-100,-100)" value="уменьшить">');
}

function resizeWindow(w, h) {
  myWindow.resizeBy(w, h);
}
</script>
<body>
 <input type="button" value="Открыть 'myWindow'" onclick="openWindow()"><br>
 <input type="button" value="увеличить myWindow" onclick="resizeWindow(100, 100)">
 <input type="button" value="уменьшить myWindow" onclick="resizeWindow(-100, -100)">
</body>
 </html>

Форум

Справочник

Discord чат

Курсы javascript