Как сделать подтверждение открытия почтового клиента на JQuery.
Всем привет! Сегодня мы поговорим о том, как сделать подтверждение открытия почтового агента на JavaScript с использованием JQuery.
Очень простой плагин, однако, однажды он мне пригодился. Перейдите по ссылке:
http://mmoustafa.com/experiments/mailto/
Ниже вы сможете видеть пример, где прерывистым подчеркиванием подчеркнуто имя John Doe. Нажав на него, вы увидите уведомление: "Вы действительно хотите отправить email по адресу john@doe.com?".
Если вы нажмете "Ok", то у вас откроется ваш почтовый клиент и будет указан адрес.
Если же вы нажмете "Отмена", то окно скроется и ничего не произойдет.
Еще ниже вы найдете другой пример, где также выскакивает окошко при нажатии на имя, однако, если вы нажмете "Отмена", то выскочит другое окно, где написано "Boooo!".
Если вы нажмете "Ok", то откроется ваш почтовый клиент, и появится надпись "Спасибо!".
Теперь о том, как это установить. Для начала убедитесь, что у вас подключена библиотека JQuery.
<script src="http//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
Подключите confirm.min.js, который вы можете скачать, нажав на кнопку Download в самом начале страницы.
Вызовите метод при загрузке страницы.
$(document).ready(function(){
$('a').confirmMailto();
});
Это все. Теперь вы можете добавлять свои mailto, и скрипт будет работать.
Чтобы сделать так, как во втором примере, то вам нужно использовать дополнительные опции. Вот они все:
$('a.advanced').confirmMailto({
message: 'Вы действительно хотите отправить сообщение на email: $to?',
to: 'html', // href/html
success: function() {
$('a.advanced').css('color','#3C3');
},
fail: function() {
$('a.advanced').css('color','#F66');
},
callback: function(result) {
if(result) {
alert('Спасибо!');
} else {
alert('Очень жаль! :(');
}
}
});
Думаю, тут все понятно и пояснений не нужно.
На этом все. Спасибо за внимание и удачи!
-
Создано 18.08.2014 20:45:06
-
Михаил Русаков
Комментарии (0):
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.