Модальное окно рядом с нажатой кнопкой?

Question

[alexfrolov_xcx]

Всем привет! Дано: этаж с офисами в разрезе, при клике на кнопку над каждым из офисоф, рядом с ней(относительно) должно появиться
своего рода tooltip с формой бронирования... Вопрос, как это релизовать ручками, или есть какие либо плагины на js или jq... но лучше если кто-то напишет свой пример) спасибо)... на фото этаж в разрезе, модальное окно offices 11, а рядом с ним кнопка, непосредственно рядом с которой и должно появится окно с формой...

Answer 1

[Griboks]

Это стандартная jquery ui tooltip

Comments

[alexfrolov_xcx]

несовсем то! нужно привязать модальное окно к кнопке, а не вызывать тултип

[Griboks]

alexfrolov_xcx, действительно, это я как пример. Вам скорее jqueryui.com/position изучить надо. Или я что-то не понимаю?)

[alexfrolov_xcx]

https://jsfiddle.net/ckdtuwko/

вот набросал) такое только лучше... у меня не с первого раза он на нужное место становится

[Griboks]

alexfrolov_xcx,

$('.button').click(function(e) {
  $('#popup').position({
    of: $(this),
    my: 'left top',
    at: 'right+15 center'
  }).show('bounce');
});

[alexfrolov_xcx]

Неработает

[Griboks]

alexfrolov_xcx, действительно, забыл про один момент

position работает только с видимыми объектами

$('button').click(function() {
			  $('#popup').show().position({
				of: $(this),
				my: 'left top',
				at: 'right+15 center'
			  });
			});