• кнопки выбора различных видов пересечений двух выделений. По сути дела они дублируют комбинации клавиш SHIFT и ALT, описанные выше
• поле Feather, в котором задается значение в пикселях, на которое будут размыты края выделенной области
• выпадающее меню, для ограничения размеров выделенной области. Normal - без ограничений, Constrained Aspect Ratio - для задания соотношения размеров сторон, Fixed size - для задания фиксированного размера выделенной области

• Auto Select Layer. При включении этой опции для инструмента move щелчок мышью на изображении автоматически выбирает слой, пиксели которого видны в том месте где находится курсор
• Show Bounding Box - включает отображение рамки при помощи которой можно перемещать, поворачивать и масштабировать активный слой
• кнопки выравнивания слоёв становятся доступны после того как в палитре Layers (Слои) к активному слою будет прилинкован один или несколько других слоев

• кнопки выбора различных видов пересечений двух выделений. Они дублируют комбинации клавиш SHIFT и ALT, описанные в инструменте rectangular marquee
• поле Feather, в котором задается значение в пикселях, на которое будут размыты края выделенной области
• опция Anti-Aliased включает режим сглаживания краёв выделенной области

• кнопки выбора различных видов пересечений двух выделений. Они дублируют комбинации клавиш SHIFT и ALT, описанные в инструменте rectangular marquee
• поле Feather, в котором задается значение в пикселях, на которое будут размыты края выделенной области
• опция Anti-Aliased включает режим сглаживания краёв выделенной области
• Width - радиус пятна чувствительности. Чем выше значение тем большую площадь "осматривает" Photoshop
• Edge Contrast - уровень чувствительности. Чем выше значение, тем меньше чувствительность
• Frequency - частота расстановки опорных точек. Чем выше значение, тем чаще ставятся точки

• кнопки выбора различных видов пересечений двух выделений. Они дублируют комбинации клавиш SHIFT и ALT, описанные в инструменте rectangular marquee
• Tolerance (допуск) - определяет чувствительность к границам цветов. Чем меньше значение, тем ниже чувствительность
• опция Anti-Aliased включает режим сглаживания краёв выделенной области
• при включенной опции Contiguous magic wand выделяет непрерывную область, при выключенной опции Contiguous magic wand выделяет все области на изображении залитые подобным цветом
• опция Use All Layers включает режим использования всех слоев. При выключенной опции Use All Layers magic wand работает только в активном слое

• выпадающее меню, для ограничения размеров одного модуля сетки. Normal - без ограничений, Constrained Aspect Ratio - для задания соотношения размеров сторон, Fixed size - для задания фиксированного размера модуля сетки
• Show Slice Numbers - включает/отключает отображение нумерации модулей сетки
• выпадающее меню Line Color позволяет выбрать цвет линий модульной сетки

• четыре кнопки перемещения модуля на различные уровни (в самый верх, на один уровень наверх, на один уровень вниз и в самый низ)
• Promote To User Slice - кнопка автоматического создания модуля на стыке с уже существующим модулем. Становится доступной при выборе "прогнозируемого" модуля
• кнопка Slice Options вызывает диалоговое окно, в котором можно изменить параметры выбранного модуля

И снова приветствую всех желающих узнать некоторые полезные или просто интересные приемы в области веб-дизайна! Этот выпуск будет не совсем обычным и вот почему. Дело в том, что мне приходит большое количество писем с просьбой расширить диапазон публикуемых приемов за счет таких популярных сегодня серверных технологий, как CGI/Perl, ASP, PHP и пр. И хотя изначально данный цикл задумывался именно как сборник материалов о клиентских языках программирования, я с удовольствием пойду навстречу вам - моим читателям - и начиная с этого выпуска буду рассказывать и о тех скриптах, выполнение которых требует серверной поддержки.

Не трожь картинку!
В стадии запуска определенного Интернет-проекта иногда возникает необходимость запретить копирование тех или иных материалов, расположенных на сайте. Делается это в основном по трем причинам: либо авторы сайта предоставляют данный материал в демонстрационном режиме, а потом - после оплаты данных - в конфиденциальном порядке высылают их покупателю, либо получатель информации должен быть зарегистрирован, прежде чем получит доступ к материалу (персональные данные заказчика впоследствии могут использоваться для новостных рассылок, рекламных предложений, предоставления скидок и пр.; пример: получение доступа к загрузке trial-версий ПО компании Macromedia), либо делается это по наивности авторов сайтов, искренне полагающих, что, к примеру, скрипт блокировки правой кнопки мыши может избавить их от неразрешенного доступа к информации. Надеюсь, к последней категории не относится ни один из читателей "Копилки", потому как если русский (и не только) человек захочет что-получить даром и без всякой регистрации, он обязательно своего добьется:-) Посему направьте свою фантазию в иное, более практичное русло.

В противовес вышесказанному хочу тем не менее привести пример скрипта, не позволяющего копировать графические объекты на компьютер пользователя (традиционным, разумеется, способом - через контекстное меню браузера). Такой прием может сработать, если посетитель - не ахти какой знаток Интернет-технологий и не дай Бог хакер! Зато авторитета и уважения вашему персональному проекту в глазах такого человека данный скрипт точно придаст:-)

<script language="JavaScript1.2">

var clickmessage="Низя-я-я-я-я!!!"

function disableclick(e) {
if (document.all) {
if (event.button==2||event.button==3) {
if (event.srcElement.tagName=="IMG"){
alert(clickmessage);
return false;
}
}
}
else if (document.layers) {
if (e.which == 3) {
alert(clickmessage);
return false;
}
}
else if (document.getElementById){
if (e.which==3&&e.target.tagName=="IMG"){
alert(clickmessage)
return false
}
}
}

function associateimages(){
for(i=0;i<document.images.length;i++)
document.images[i].onmousedown=disableclick;
}

if (document.all)
document.onmousedown=disableclick
else if (document.getElementById)
document.onmouseup=disableclick
else if (document.layers)
associateimages()
</script>

Код вставляется в раздел HEAD, а значение переменной "var clickmessage" меняется по вашему усмотрению (то, что вы укажите, будет появляться в диалоговом окне браузера при попытке нажатия правой кнопки мыши).

Эх, раз да еще раз...
Путешествуя по просторам Интернета, вы наверняка не раз видели на многих сайтах такой интересный прием, как случайный вывод информации. Это и показы баннеров, и новости, и анекдоты, и цитаты и многое другое. Причем при перезагрузке страницы данные меняются, что придает сайту определенную степень динамичности. Реализовать случайный вывод информации (как текстовой, так и графической и пр.) можно различными программными способами, однако все их можно поделить на те, что исполняются на стороне клиента, и те, которые считывают информацию для отображения из базы данных, расположенной на сервере. Приведем оба варианта.

Клиентский вариант рандомайзера (именно так называется программа случайного вывода данных; от англ.: "random" - случайный) рассмотрим на примере JavaScript-сценария, выводящего новую гиперссылку в зависимости от числа месяца (раздел HEAD):

<script>

var daylinks=new Array()

daylinks[1]="http://www.alpet.spb.ru"
daylinks[2]="http://www.rambler.ru"
daylinks[3]="http://www.yandex.ru"
daylinks[4]="http://www.microsoft.com"
... ... ...
var mydate=new Date()
var today=mydate.getDate()

</script>

где:

var daylinks - переменная гиперссылки для каждого числа месяца;

daylinks[2]="http://www.rambler.ru - значение переменной для указанного массива данных new Array();

... ... ... - пропущенные из экономии места:) значения остальных ссылок (вплоть до 31);

var today - переменная, идентифицирующая HTML-файл, при вызове которого загружается одна из 31 ссылки.

В качестве серверного варианта рандомайзера рассмотрим скрипт, написанный на языке PHP и выводящий в нужном месте страницы при каждой ее перезагрузке новый текст (им могут оказаться цитаты, анекдоты, новости, стихотворения - одним словом, все что угодно). Для этого нам нужно создать два файла: текстовый, где будут размещаться фрагменты текста для случайного вывода, и файл самого скрипта с расширением PHP. Открываем любой текстовый редактор и вписываем туда блоки данных в следующем виде:

Цитата 1 --NEXT-- Цитата 2 --NEXT-- Цитата 3 ... и т.д.

Сохраняем файл, например, под именем "database.txt". Далее создаем новый файл, прописываем там начальные и конечные парные теги (HTML, HEAD, TITLE и BODY) и в "тело" документа (там, где будут выводиться случайные данные) вставляем следующий сценарий:

<?php
$RANDOM_TXT_FILE = "database.txt";
srand((double)microtime()*1000000);
if (file_exists($RANDOM_TXT_FILE)) {
$arry_txt = preg_split("/--NEXT--/", join('', file($RANDOM_TXT_FILE)));
echo $arry_txt[rand(0, sizeof($arry_txt) -1)];}
else { echo "Error: can't open $RANDOM_IMG_FILE file";}
?>

Сохраняем файл под любым именем с расширением .php, загружаем его и файл базы данных на сервер, запускаем браузер и... любуемся:)

Мелочь, а приятно:)
Следующий пример не относится к разряду супер-функциональных средств для вашего сайта, однако, его наличие, безусловно, оценит посетитель (usability налицо). Часто при создании HTML-форм в полях ввода дается пояснение или пример записи, реализованные путем указания значения для тега VALUE, например:

<input type="text" name="search" value="Введите ключевое слово для поиска">

Понятно, что для того, чтобы такое слово ввести, сначала нужно вручную стереть в поле формы текст, определенный тегом VALUE. А представьте, что таких полей в форме несколько десятков (например, при онлайн-заказе, регистрации и т.д.)? Придется сидеть и стирать, стирать, стирать... Впрочем, не придется, если в документ с формой вставить код маленького, но удобного сценария:

Сначала в раздел HEAD:

<script>

function clearform(which){
if (which.value=="Введите ключевое слово для поиска")
which.value=''
}
</script>

Затем в раздел BODY:

<form>
<input type="text" name="search" value="Введите ключевое слово для поиска" onFocus="clearform(this)">
</form>

Работает скрипт так: посетитель видит пояснение в поле ввода ключевого слова для поиска, кликает по нему и оно исчезает! Пожалуйста - пишите, что хотите, ничего вручную стирать не нужно.

И снова баннеры
К примеру, у нас должно быть в ротации пять рекламных баннеров, следовательно, необходимо создать пять текстовых файлов с данными о каждом изображении, файл скрипта и, само собой разумеется, сами баннеры. Названия файлов с данными об изображениях у нас буду строиться так:

"ad_01.inc", "ad_02.inc", ..., "ad_05.inc"

В каждом из них указывается путь (абсолютный или относительный) к баннеру на сервере и гиперссылка (в каждом INC-файле указываются данные для нового баннера и новой страницы). Теперь создаем файл с расширением .php3 и вписываем туда следующий код:

<?
srand ((double) microtime() * 1000000);

$randomnumber = rand(0,4);

$include0 = "ad_01.inc";
$include1 = "ad_02.inc";
$include2 = "ad_03.inc";
$include3 = "ad_04.inc";
$include4 = "ad_05.inc";

if     ($randomnumber== "0") {
     include ("$include0");

     } else if ($randomnumber== "1") {
     include("$include1");

     } else if ($randomnumber== "2") {
     include("$include2");

     } else if ($randomnumber== "3") {
     include("$include3");

     } else if ($randomnumber== "4") {
     include("$include4");


     } else {

     echo ("Ошибка!");
     }
?>