Добрый день.
Имеются блоки <DIV class="booton"></div> - это кнопка
На каждый товар свой анологичная кнопка.
При нажатии на кнопку у товара появляется окно привязаное координатами к данной кнопки. На одной странице список товаров и укаждого своя кнопка.
(так необходимо сделать но не получается)
Окна которые появляются на принажатии кнопоки изначально все скрыты display="none" и загружены на страницу все сразу. Получается так что у всех этих окон один ID="window"
Посоветуйте как мне сделать так что бы при нажатий на кнопку появлялось окно принадлежащее данному товару.
Заранее спасибо
1. aleks3130 - 19 Февраля, 2013 - 07:38:10 - перейти к сообщению
2. DelphinPRO - 19 Февраля, 2013 - 08:16:01 - перейти к сообщению
очевидно, что ID должны быть разными. первое, что приходит в голову - дописывать ID товара
CSS стили окна привязать к общему классу
CSS стили окна привязать к общему классу
CODE (htmlphp):
скопировать код в буфер обмена
скопировать код в буфер обмена
- <div class="window" id="window<?=$product['id']?>">...
в кнопке тоже
CODE (htmlphp):
скопировать код в буфер обмена
скопировать код в буфер обмена
- <DIV class="booton" data-id="window<?=$product['id']?>"></div>
и обработчик
CODE (javascript):
скопировать код в буфер обмена
скопировать код в буфер обмена
- $('.button').click(function(){
- var id = '#' + $(this).data('id');
- $(id).show(); // показ нужного окна
- });