Як зробити підтвердження відкриття поштового клієнта на jquery.
Всім привіт! Сьогодні ми поговоримо про те, як зробити підтвердження відкриття поштового агента на jаvascript з використанням JQuery.
Дуже простий плагін, однак, одного разу він мені у нагоді. Перейдіть за посиланням:
https://mmoustafa.com/experiments/mailto/
Нижче ви зможете бачити приклад, де переривчастим підкресленням підкреслено ім`я John Doe. Натиснувши на нього, ви побачите повідомлення: "Ви дійсно хочете відправити email за адресою [email protected]?".
Якщо ви натиснете "Ok", То у вас відкриється ваш поштовий клієнт і буде вказана адреса.
Якщо ж ви натиснете "Відміна", То вікно сховається і нічого не станеться.
Відео: Вивчаємо PHP | Урок №29 - Відправка пошти на email
Ще нижче ви знайдете ще один приклад, де також вискакує віконце при натисканні на ім`я, однак, якщо ви натиснете "Відміна", То вискочить інше вікно, де написано"Boooo!".
Якщо ви натиснете "Ok", То відкриється ваш поштовий клієнт, і з`явиться напис"Дякуємо!".
Відео: Origin як підтвердити пошту
Тепер про те, як це встановити. Для початку переконайтеся, що у вас підключена бібліотека JQuery.
Підключіть 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(`Дуже шкода! :( `) -
}
}
}) -
Думаю, тут все зрозуміло і пояснень не потрібно.
На цьому все. Дякую за увагу і удачі!
- Kaiten email
- Maildroid pro - email app
- Gmail
- Вийшов відеокурс "jаvascript, jquery і ajax з нуля до гуру"
- Як зробити красиве спливаюче віконце на jquery, використовуючи webui popover.
- Як зробити лічильник зворотного відліку на jquery.
- Як вивести час, що минув з моменту опублікування, на jquery.
- Як зробити поля з плаваючими мітками на jаvascript.
- Коли варто використовувати jquery
- Як зробити задній фон у вигляді частинок на jquery.
- Як зробити кругової повзунок на jquery.
- Як зробити хмари на jquery.
- Як зробити інтерактивне порівняння двох фотографій на jquery.
- Як зробити гарний список, що випадає на jquery.
- Як зробити красиві повідомлення на jquery.
- Відправка асинхронних запитів на jquery.
- Ефект плавного перегортання на jаvascript.
- jаvascript бібліотека dynamo.js
- Функція $ () в jquery
- Установка jquery
- Робота з вибіркою елементів на jquery