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]   

> Описание: нужно при наведении или клике подгрузить контент
broshurkaplus
Отправлено: 12 Марта, 2012 - 16:04:22
Post Id



Посетитель


Покинул форум
Сообщений всего: 354
Дата рег-ции: Янв. 2011  
Откуда: Пружаны Бресткая обл. Беларусь


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




здравствуйте, выдумал себе новую задачку
есть список например коментов, в них как сылки или в спанах имена юзерей, типо так

ааа
ааа
иии
ааа
иии
ссс

хотел бы реализовать такое: при наведении курсора или клике по сылке (спану) в элемент на странице подгружалось инфа о юзере, можно было перевести курсор на него и совершить действия в его элементах, убрал курсор - элемент исчез (или закрыл). отправить и получить данные я могу. пробовал функцию на онклик и постом отправлять и получать, чо то не работает вставка. не получается навесить онклик на спан.
и не могу заставить элемент быть рядом и поверх страницы...
вобщем чтобы Вы поняли общий смысл и идея такая - как у кнопки мне нравится от контакта: навёл курсор(или кликнул), получил инфу, убрал, скрылось.

пробовал плагины всякие для титлов и тд, не то, гугл не выдает.

если кто сталкиваля с похожим помогите.
если знаете - подскажите, опишите алгоритм, или куски кода, чтоб понять
 
 Top
Опоссум
Отправлено: 20 Марта, 2012 - 08:03:05
Post Id



Новичок


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


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




Ну мне кажется нужно смотреть в сторону модальных окон.
Попробуй элементы заключить не в <span> а в <div> они иногда по разному реагируют на события.

Ну собственно код тоже не плохо было бы показать Улыбка
 
 Top
DelphinPRO
Отправлено: 20 Марта, 2012 - 13:44:30
Post Id



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


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


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




Опоссум пишет:
Попробуй элементы заключить не в <span> а в <div> они иногда по разному реагируют на события.
вот это новость O_o Улыбка

CODE (html):
скопировать код в буфер обмена
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Test</title>
  5.         <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
  6.         <style type="text/css">
  7.                 .username {
  8.                         position:relative;
  9.                         cursor:pointer;
  10.                 }
  11.                 .userinfo {
  12.                         position:absolute;
  13.                         left:100%;top:0;
  14.                         border:1px solid;
  15.                         width:100px;height:40px;
  16.                 }
  17.         </style>
  18. </head>
  19. <body>
  20. <span class="username">Name</span>
  21. <script type="text/javascript">
  22.         $('.username').click(function(){
  23.                 $(this).append('<div class="userinfo"></div>');
  24.                 $ui = $(this).find('.userinfo');
  25.                 $.get('getinfo.php', function(response){
  26.                         $ui.html(response);
  27.                 });
  28.         });
  29. </script>
  30. </body>
  31. </html>


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


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



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

 
Powered by ExBB FM 1.0 RC1. InvisionExBB