Как при нажатии на кнопку выводить всплывающее окно в нужных местах?

Question

[Koreetz Koreetz]

Всем доброго дня.
Вопрос собственно в следующем: при нажатии на кнопку Показать всплывает окно.
Все нормально отображается.
Но если выбрать нажать на кнопку в другой форме то оно смещается вниз

Происходит это потому что на втором скрине видно есть Форма Поиска и из за нее всплывающая форма как бы
"падает вниз".
Как мне Сверстать или запрограммировать на JS так чтобы всплывающая форма появлялась строго как на первом скриншоте(т.е. рядом с таблицей)?
Сейчас положение всплывающей формы сделано через position:absolute;
Заранее спасибо!

Comments

[pashted]

выложите образец в кодпене или где-то еще

[Koreetz Koreetz]

[Koreetz Koreetz]

Это норма!

[Koreetz Koreetz]

У одной формы наверху есть фильтр, а у другой нет!

[Faliah]

Koreetz Koreetz: Хммм, я подозреваю, что у вас выставлено какое-то статичное значение свойства top у этой формы. Поэтому она всегда остается на одном месте, а форма слева занимает крайнее верхнее положение совершенно правильно.

Answer 1

[Faliah]

У каждой формы вы, в дополнение к position: absolute;, можете указать top:0; right: 0;, но контейнер, в котором у вас отображаются формы, должен иметь position: relative;

Comments

[Koreetz Koreetz]

Дело в том что форма одна!!! если я меняю у одного позицию автоматически у другого меняется положение((

[Faliah]

Koreetz Koreetz: Так, давайте разберёмся "Но если выбрать нажать на кнопку в другой форме то оно смещается вниз". Вы пишете, что это другая форма. Я так понимаю, что физически это всё-таки разные блоки, которые размещены друг под другом, разве нет?

[Koreetz Koreetz]

Faliah: Всплывающая форма она одна! а вот место ее отображение разное((

Answer 2

[Eugene]

Использовать любую из сотен библиотек для отображения popup-окон