Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Уменьшение окна браузера при нажатие на кнопку submit (https://javascript.ru/forum/misc/46876-umenshenie-okna-brauzera-pri-nazhatie-na-knopku-submit.html)

Lizzzy 27.04.2014 20:55

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

Lizzzy 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 27.04.2014 22:06

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

Lizzzy 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 28.04.2014 08:22

Цитата:

Сообщение от Lizzzy (Сообщение 309542)
Дописала вот так! все равно не работает! :(

Нельзя изменить размер максимизированного окна...
Вот пример создания окна с возможностью изменения его размеров:
<!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>


Часовой пояс GMT +3, время: 19:53.