Западло на Яве

Xakep, номер #021, стр. 021-050-1

Алексей Масанов amasanov@hotmail.com

Внимай, даю установку: скрипты - это круто. Ты это знаешь, я это знаю, короче - мы это знаем. Установку дал! Успешно. Теперь о них - любимых скриптах - и поговорим. Приятно наваять своими ручками какую-нибудь скриптятину на яве и дать соседу-ламаку пропереться, а пока тот будет ее разглядывать - дать ему пинка. Вот только бага: по ходу все клевое в скриптинге уже придумано. Предложить что-либо кардинально новое (во всяком случае, мне) уже сложно, лучше пива попить пойти. С другой стороны, можно легко насочинять целый ворох вторичных вещей, которые при ближайшем рассмотрении сведутся к нагромождению все тех же базовых методов. А это неправильно - вторичное само по себе на хрен никому не нужно.

Наконец (не на конец, а в конце концов!), наступило "творческое озарение": если нельзя ничего выжать внутри документа, то надо переходить на качественно новый уровень манипуляции самим окном броузера.

Сначала чуть-чуть информации для тех, кто забыл (или не знал):

В объектной модели современных броузеров (под современными я имею в виду Internet Explorer 4.0 и выше и Netscape Navigator хотя бы 4.x) есть два очень интересных метода: window.resizeTo (x,y) и window.moveTo (x,y), которые сулят просто огромные возможности. Первый метод изменяет размер "смотрового окна" броузера до указанных размеров (т.е. x на y пикселей), а второй перемещает само окно, помещая левый верхний угол в точку с координатами x по горизонтали и y по вертикали. Таким образом, грамотно используя эти два метода, ты легко можешь добиться весьма интересных эффектов, которые буквально валят с ног неподготовленного зрителя.

Для начала давай рассмотрим простенький скриптик, отвечающий за перемещение окна броузера по десктопу и его отражение от "краев" экрана:

Скрипт 1: Окно в стиле Xonix

<script language = javascript> // Начинаем script блок

function move_the_window(){ // Наша стартовая функция

window.resizeTo(screen.width/2,screen.height/2); // Сначала сжимаем окно до //половины рабочего стола

window.moveTo(1,1); // Теперь помещаем его в левый верхний угол экрана

var x=1; // Это будет наша X-координата. Вначале равна единице

var y=1; // Это будет наша Y-координата. Вначале равна единице

var dx=7; // Смещение по X

var dy=10; // ... и по Y

move(); // Теперь вызываем функцию, которая и будет двигать окно

function move(){ // Объявляем функцию

while(true){ // Объявляем бесконечный цикл

if(x>=(screen.width) || x<=0) dx=-dx; // Если окно на краю экрана по X, //меняем направление

if(y>=(screen.height) || y<=0) dy=-dy; // То же самое, но уже для Y

x+=dx; // Сдвинули по горизонтали

y+=dy; // ... и по вертикали

window.moveTo (x,y); // Нарисовали окно на новом месте

} // Конец нашего бесконечного цикла

} // Конец функции move

} // Конец функции move_the_window

// Ну, и закрываем script блок

</script>

<html>

<head>

<title>Script N1</title>

</head>

<body onload = "move_the_window()">

<center><font face = Times size = 6 color =red><i>JavaScript is cool!</i></font></center>