Здравствуйте.
В 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), не зависимо от нажатой кнопки. Собственно вопрос - как правильно вызвать окно с нужной информацией?