Сайтостроительство (8)

PHP-кодинг (25)

Веб-дизайн (9)

DHTML/JavaScript (8)

Подкастинг (1)

Безопасность в PHP (3)

Секретный раздел

Карта блога

Регистрация пользователей на PHP+MySQL

Скрипт гостевой книги с красивым дизайном

Галерея на jQuery

Простая система регистрации пользователей на сессиях

Галерея на php+jquery

Форма обратной связи с защитой типа капча

Шаблоны запросов и placeholders

Быстрое перенаправление средствами php

Flash плеер для вашего сайта

Сортировка столбцов в таблице на php+mysql

Критерии качества сайта

Порядок продвижения сайта

Добавляем списки выбора в форму регистрации

Объектная технология создания веб-приложений на примере гостевой книги

Блочная верстка сайта

За весь период

За 2010-11

За 2009-06

За 2009-05

За 2009-04

За 2009-03

За 2009-02

За 2008-08

Бегун контекстная реклама

Ruseller видеоуроки

Letitbit файлообменник

Tak.Ru $$$ вебмастеру

WMmail почтовые рассылки

WMlink продажа трафика

Sape.Ru продажа ссылок

Главная » DHTML/JavaScript

Вызов диалогового окна на javascript

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

Итак разработаем обработчик события для удаления аватарки в системе редактирования профиля в файле member.php. Нам потребуется следующий скриптик:


function log_yn(subjm)
{
	if (confirm('Вы действительно хотите ' + subjm + '?'))
	{return true;}
	else {return false;}
}

Работает это следующим образом. Функция log_yn с параметром subjm(сообщение) вызывает открытие диалогового окна типа confirm c текстом "Вы действительно хотите" + печатается сообщение, которое принадлежит обработчику события. В случае успешного срабатывания возвращает правду(true), иначе - лож(false).

Данный скрипт можете поместить в отдельный файл и включить в файл member.php с помощью тэга:

<script src="js/log.js" type="text/javascript"></script>

Найдите в файле member.php форму для редактирования аккаунта и поместите этот файл перед тэгом <form>. Напомню, что обработчиком этой формы является текущий файл, вызываемый с запросом ?do=edit_account.

И теперь, осталось прописать для ссылки удаления аватара обработчик события, который будет вызывать вышеописанную функцию. Код будет следующий:


<a href="member.php?do=editaccount&del=1" onclick="return log_yn('удалить текущий аватар?')">Удалить текущий аватар</a>

Всё. Теперь при клике по ссылке будет в начале вызываться диалоговое окно подтверждения этой операции, в котором вы можете либо согласиться(ОК), либо не согласиться(Отмена) с данным действием (см. рисунок).

Срабатывание данной функции защитит вас от случайного нажатия на ссылку удаления аватарки, тем самым предотвратив мгновенное её удаление.
Данную функцию можно также применить и для проверки элементов формы, например после нажатия кнопки типа submit, для кнопки в качестве обработчика применяется атрибут onsubmit. Таким образом, использую возможности javascript-функций для работы с popup-окнами мы можем контролировать действия пользователя.

На этом пока всё. Думаю вы найдете приминение данной функции на своем сайте.

Комментировать

Автор: admin | Добавлена: 06.05.2009 | Просмотров: 12642
Рейтинг: 46 | Голосов: 10

Оцените заметку: 1 2 3 4 5

Последние обновления в категории: DHTML/JavaScript

Комментарии (0)

Комментариев пока нет!

Только авторизованные пользователи могут добавлять комментарии. Зарегистрироваться.

Логин:
Пароль:
 

Регистрация

: Тема:

Заметок в базе: 56
Комментариев: 0
Всего юзеров: 114
Сейчас онлайн: 1