Полезные мелочи для web-мастера

Чрезмерное употребление всплывающими окнами приводит к тому, что посетители быстро устают от рябящих в глазах alert окон и постараются быстрее покинуть ваш ресурс. Приведу верное применение всплывающих окон и ошибочное.Верным, на мой взгляд, является следующее использование:-Для создания ссылки на лету-Для вывода информации о незаполненном поле-Для уточнения совершаемого действия (несущего радикальные изменения)Неверным использованием можно считать следующее:-Сообщение о том, что посетитель был на страницы столько-то минут-Сообщение рекламного характера, периодически всплывающее на экране-Сообщение с просьбой добавить сайт в избранное, также периодического действия-Сообщение с выводом текущего времениНаверное, сейчас меня обвинят в надуманности ситуаций, но, путешествуя по просторам интернета, я видел и не такое. Итак, теперь, когда мы знаем что такое хорошо, и что такое плохо, можно приступить к рассмотрению методов построения всплывающих окон.Пример 1 (PROPMT)Prompt в переводе с английского означает незамедлительно. При вызове окна такого типа, на экране появляется окно с полем ввода данных. Данный вид окна, как правило, используют для ввода ссылок, но я вам продемонстрирую пример создания ссылки с параметрами «на лету».Приведём код:

<a href="http://web-devil.ru/index.php?do=stats" title="PROMT" 
   onClick="if(ren = window.prompt('Добавление параметров к ссылке', '')) {
				window.location.href=this.href+'&param='+ren;
			} return false;"> Первая тестовая ссылка  (PROMPT) </a>

Первоначально ссылка имеет вид http://web-devil.ru/index.php?do=stats. Перед нами стоит задача изменить данную ссылку в зависимости оттого, что пользователь ввёл в форму. Для этого мы внедряем в тэг ссылки событие onClick (действие по клику мыши) и далее пишем код java script. Рассмотрим следующую конструкциюВ первом параметре мы введи диалоговую фразу, она будет написана над полем ввода, а второй параметр мы оставили пустым, но если бы он был заполнен, то в поле ввода по умолчанию был бы текст, который вы ввели в качестве второго параметра. Итак, если вы ввели данные в поле ввода, то происходит перенаправление на другую страницугде в качестве параметров передаются те данные, которые ввёл пользователь (+ren).Пример 2 (Confirm)Confirm в переводе с английского означает подтверждение. При вызове окна такого типа, на экране появляется окно с диалоговой фразой и возможностью выбора действий продолжить и отменить. Данный вид окна, как правило, используют для подтверждения выполняемой операции, особенно в том случае, когда выполняемое действие радикально изменит структуру приложения. Как правило, данный вид окна используют для подтверждения удаления файлов или при переходе по небезопасной ссылке.Приведём код:

<a href="http://web-devil.ru" title="CONFIRM" 
   onClick="return window.confirm('Хотите перейти по этой ссылки?')">
   Вторая тестовая ссылка  (CONFIRM) </a>

Прежде чем совершить переход по ссылки мы должны вывести соответствующее окно подтверждения. Для этого мы внедряем в тэг ссылки событие onClick (действие по клику мыши) и далее пишем код java script. Рассмотрим следующую конструкциюВ данном случае требуется вести один единственный параметр, который отвечает за вывод диалоговой фразы в окне. Наличие return обязательно, если вы его уберёте, то даже при отмене действия с помощью соответствующей кнопки будет совершён переход по ссылки и вся конструкция потеряет смысл.Пример 3 (Alert)Alert в переводе с английского означает тревога. При вызове окна такого типа, на экране появляется окно с тревожным сообщением. Данное вид окна, как правило, используют для уведомления о выполняемой операции, или статусе процесса.Приведём код:

<a href="web-devil.ru" title="ALERT" 
   onClick="alert('Хотите перейти по этой ссылки?');">
   Третья тестовая ссылка  (ALERT) </a>

Прежде чем совершить переход по ссылки мы должны вывести соответствующее окно предупреждение. Для этого мы внедряем в тэг ссылки событие onClick (действие по клику мыши) и далее пишем код java script. Рассмотрим следующую конструкцию В данном случае требуется вести один единственный параметр, который отвечает за вывод тревожной фразы в окне. Для того чтобы вам легче было увидеть работу всех трёх видов всплывающих окон, я приведу код простой html страницы, на которой расположены три ссылки, использующие все методы описанные выше.

<html>
<head>
<meta http-equiv="Content-Language" content="ru">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title> Тест </title>
</head>
<body>
<a href="http://web-devil.ru/index.php?do=stats" title="PROMT" 
   onClick="if(ren = window.prompt('Добавление параметров к ссылке', '')) {
				window.location.href=this.href+'&param='+ren;
			} return false;"> Первая тестовая ссылка  (PROMPT) </a>
<br /><br />
<a href="http://web-devil.ru" title="CONFIRM" 
   onClick="return window.confirm('Хотите перейти по этой ссылки?')">
   Вторая тестовая ссылка  (CONFIRM) </a>
   
<br /><br />
			
<a href="http://web-devil.ru" title="ALERT" 
   onClick="alert('Хотите перейти по этой ссылки?');">
   Третья тестовая ссылка  (ALERT) </a>
			
</body>
</html>