Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Привязать координатами окно к данной кнопки
Форумы портала PHP.SU » » Вопросы новичков » Привязать координатами окно к данной кнопки

Страниц (1): [1]
 

1. aleks3130 - 19 Февраля, 2013 - 07:38:10 - перейти к сообщению
Добрый день.

Имеются блоки <DIV class="booton"></div> - это кнопка

На каждый товар свой анологичная кнопка.

При нажатии на кнопку у товара появляется окно привязаное координатами к данной кнопки. На одной странице список товаров и укаждого своя кнопка.
(так необходимо сделать но не получается)

Окна которые появляются на принажатии кнопоки изначально все скрыты display="none" и загружены на страницу все сразу. Получается так что у всех этих окон один ID="window"

Посоветуйте как мне сделать так что бы при нажатий на кнопку появлялось окно принадлежащее данному товару.


Заранее спасибо
2. DelphinPRO - 19 Февраля, 2013 - 08:16:01 - перейти к сообщению
очевидно, что ID должны быть разными. первое, что приходит в голову - дописывать ID товара
CSS стили окна привязать к общему классу
CODE (htmlphp):
скопировать код в буфер обмена
  1. <div class="window" id="window<?=$product['id']?>">...

в кнопке тоже
CODE (htmlphp):
скопировать код в буфер обмена
  1. <DIV class="booton" data-id="window<?=$product['id']?>"></div>

и обработчик
CODE (javascript):
скопировать код в буфер обмена
  1. $('.button').click(function(){
  2.   var id = '#' + $(this).data('id');
  3.   $(id).show(); // показ нужного окна
  4. });

ну а самая простая привязка координат - выводить кнопку и окно в общем контейнере. Контейнер спозиционировать относительно (relative), а окно абсолютно (absolute)
3. aleks3130 - 19 Февраля, 2013 - 08:53:09 - перейти к сообщению
DelphinPRO пишет:
очевидно, что ID должны быть разными. первое, что приходит в голову - дописывать ID товара
CSS стили окна привязать к общему классу
CODE (htmlphp):
скопировать код в буфер обмена
  1. <div class="window" id="window<?=$product['id']?>">...

в кнопке тоже
CODE (htmlphp):
скопировать код в буфер обмена
  1. <DIV class="booton" data-id="window<?=$product['id']?>"></div>

и обработчик
CODE (javascript):
скопировать код в буфер обмена
  1. $('.button').click(function(){
  2.   var id = '#' + $(this).data('id');
  3.   $(id).show(); // показ нужного окна
  4. });

ну а самая простая привязка координат - выводить кнопку и окно в общем контейнере. Контейнер спозиционировать относительно (relative), а окно абсолютно (absolute)


var id = '#' + $(this).id('id');

при выводе alert (id); ничего не выводит функция $('.booton1').click(function(){ } - срабатывает ставил строчку alert ("234324234"); переред объявлением переменной id выводит 234324234.

Подскажите пожалуйста в чем может быть проблема?

может быть нужно объект передать в функцию $('.booton1').click(function(СЮДА){

 

Powered by ExBB FM 1.0 RC1