Показать сообщение отдельно
  #1 (permalink)  
Старый 01.08.2016, 16:54
Новичок на форуме
Отправить личное сообщение для frack Посмотреть профиль Найти все сообщения от frack
 
Регистрация: 01.08.2016
Сообщений: 2

Вывод информации в модальное окно
Здравствуйте.
В JS новичок.

Столкнулся с проблемой вывода информации в модальное окно.
Есть код генерации кнопок по данным из базы(MySQL):

<a href="#win" class="button">
                <img src="<c:url value="/resources/images/${sabsps.IMG}" />" />
                ${sabsps.NAME}
                <hr>
                ${sabsps.PRICE}

                   ...
                    
                
</a>


При нажатии на которую хотелось бы получить модальное окно с подробной информацией. Реализовать пробовал при помощи кода(+css):


<a href="#" class="overlay" id="win"></a>
                <div class="popup">
                    <p>${sabsps.NAME}</p>
                    <br>
                    <img class="is-image" src="<c:url value="/resources/images/${sabsps.IMG}" />"/>
                    <br>
                    ...
                    <br>
                    <a class="close" title="Закрыть" href="#close"></a>
                </div>


Но тут всплыла проблема - модальное окно выдает информацию только о первом товаре(Chrome) или последнем(IE), не зависимо от нажатой кнопки. Собственно вопрос - как правильно вызвать окно с нужной информацией?
Ответить с цитированием