Открытие popup по ссылке

l.korv1n

Постоялец
Регистрация
7 Сен 2013
Сообщения
141
Реакции
8
Хеллоу! Подскажите, как сделать, чтобы по клику открывался попап с необходимым мне содержимым (как на скриншоте). Или, быть может, есть готовое решение, модуль.


f98c8-clip-46kb.png


Благодарю за ответы, друзья!
 

kuzovbmw

Постоялец
Регистрация
1 Дек 2014
Сообщения
65
Реакции
38
модуль есть pop up окно
 

l.korv1n

Постоялец
Регистрация
7 Сен 2013
Сообщения
141
Реакции
8
Есть. Но модуля, который позволял бы открывать попап по клику на ссылку мне найти не удалось.
 

danneo

Честный
Регистрация
13 Ноя 2007
Сообщения
1.521
Реакции
121
делается на jqueryui: Для просмотра ссылки Войди или Зарегистрируйся
создаете div, туда текст, подсоеднияете бибилотеку диалога и запускаете событие
в примере есть
 

l.korv1n

Постоялец
Регистрация
7 Сен 2013
Сообщения
141
Реакции
8
Там нет такого окна, которое необходимо.
 

mc_max

Гуру форума
Регистрация
18 Янв 2009
Сообщения
108
Реакции
83

XJIOP

Создатель
Регистрация
11 Мар 2007
Сообщения
14
Реакции
1
Код:
function popup(options) {
    var
    screenX = typeof window.screenX != 'undefined' ? window.screenX : window.screenLeft,
    screenY = typeof window.screenY != 'undefined' ? window.screenY : window.screenTop,
    outerWidth = typeof window.outerWidth != 'undefined' ? window.outerWidth : document.body.clientWidth,
    outerHeight = typeof window.outerHeight != 'undefined' ? window.outerHeight : (document.body.clientHeight - 22),
    width = options.width,
    height = options.height,
    left = parseInt(screenX + ((outerWidth - width) / 2), 10),
    top = parseInt(screenY + ((outerHeight - height) / 2.5), 10),
    features = (
        'width=' + width +
        ',height=' + height +
        ',left=' + left +
        ',top=' + top +
        ',resizable=no'
    );
    var popupWindow = window.open(options.url, 'popup', features);
    if(window.focus) popupWindow.focus();
}

popup({ width:600, height:400, url:'http://google.com' });
 
Сверху