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

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Привязать координатами окно к данной кнопки

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


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

> Описание: Посоветуйте как мне сделать так что бы при нажатий на кнопку появлялось окно принадлежащее данному товару.
Поиск в теме | Версия для печати
aleks3130
Отправлено: 19 Февраля, 2013 - 07:38:10
Post Id


Гость


Покинул форум
Сообщений всего: 119
Дата рег-ции: Дек. 2009  


Помог: 0 раз(а)

[+]
Добрый день.

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

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

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

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

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


Заранее спасибо
 
 Top
DelphinPRO
Отправлено: 19 Февраля, 2013 - 08:16:01
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
очевидно, что 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)


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
aleks3130
Отправлено: 19 Февраля, 2013 - 08:53:09
Post Id


Гость


Покинул форум
Сообщений всего: 119
Дата рег-ции: Дек. 2009  


Помог: 0 раз(а)

[+]
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(СЮДА){
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« Вопросы новичков »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB