Плагин позволяет выводить для внешних ссылок их краткое описание и дает пользователю выбор: открывать содержимое в новом окне или текущем.
Источник
Скачать
Примеры
Описание
Плагин tBlank устроен очень просто. Когда пользователь нажимает на ссылку, происходит проверка, в ходе которой выясняется является ссылка внутренней или внешней. Если ссылка оказывается внешней, то выводится всплывающее окно с информацией о ссылке и выборе открывать в новом или текущем окне. Выбор пользователя будет сохранен в cookies.
Установка
Подключите плагин и css файл для него
1 2 | <link rel="stylesheet" type="text/css" href="engage.tblank.css" /> <script type="text/javascript" src="engage.tblank-min.js"></script> |
Плагин начнет работать автоматически сразу по завершению загрузки страницы.
Чтобы указать настройки для плагина можно воспользоваться следующим кодом:
1 2 3 4 5 6 7 8 9 | $('body').tblank({ internal: 'samewindow', cookie: true, cookieName: 'windowOptions', onOpen: function(){ alert('opened!'); }, devMode: true }); |
Параметры
-
параметрзначение по умолчаниюописание
-
internalinternalЕсли у ссылки указан этот класс, то она всегда будет открываться в текущем окне
-
externalexternalЕсли у ссылки указан этот класс, то она всегда будет открываться в новом окне
-
cookietrueЗадает необходимость использования cookie для запоминания выбора посетителя
-
cookieNameengage.tblankИмя cookie
-
useBy365Время жизни cookie
-
popupText*Используемый HTML текст
-
onOpencallbackПользовательское событие, наступающее при открытии модального окна
-
onSamecallbackПользовательское событие, наступающее при выборе открытия ссылки в этом же окне
-
onNewcallbackПользовательское событие, наступающее при выборе открытия ссылки в новом окне
-
onCancelcallbackПользовательское событие, наступающее если посетитель отменяет переход по ссылке
-
devModefalseРежим отладки. На странице появится две кнопки, позволяющие получить значение или очистить cookie
Оставьте свой комментарий