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]   

> Описание: Помогите разобраться с меню
Поиск в теме | Версия для печати
3d_killer
Отправлено: 18 Октября, 2013 - 10:41:46
Post Id



Участник


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


Помог: 21 раз(а)
Добрый день всем, столкнулся с проблемой:
меню пришлось строить таблицей так как нужно растянуть его на определенную область и в этой области поставить посередине (Количество элементов не известно) так вот как написать скрипт чтобы второй уровень не сворачивался при наведении на него код выглядит так:
CODE (html):
скопировать код в буфер обмена
  1. <table>
  2.    <tr>
  3.       <td>
  4.          <a>Пункт меню 1
  5.             <div>Дочернее (блок с пунктами дочерних)</div>
  6.          </a>
  7.       </td>
  8.       <td>
  9.          <a>Пункт меню 2
  10.             <div>Дочернее (блок с пунктами дочерних)</div>
  11.          </a>
  12.       </td>
  13.    </tr>
  14. </table>


скрипт например:
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. $(document).on('mouseover','a',function()
  3.         {
  4.                 $(this).css('background-image','url(/image/px.png)');
  5.                 $(this).next().css('display','block');
  6.         });
  7.        
  8. $(document).on('mouseout','a',function()
  9.         {
  10.                 $(this).css('background-image','');
  11.                 $(this).next().css('display','none');
  12.         });
  13.  

Этот код подсвечивает меню и вываливает дочернее при убирании с пункта меню убирает подсвечивание и скрывает дочернее, но если наведение произошло на дочерний блок чтобы его не свернуло, как то вот не могу придумать
конечно проще сделать списком, но в данном случае список сделать не имеется возможности
 
My status
 Top
IllusionMH
Отправлено: 18 Октября, 2013 - 11:24:27
Post Id



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


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


Помог: 242 раз(а)
3d_killer, $(this).next() не соответствует a > div
 
 Top
3d_killer
Отправлено: 18 Октября, 2013 - 11:40:00
Post Id



Участник


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


Помог: 21 раз(а)
не в этом суть писал на форуме вручную ошибся (children)
 
My status
 Top
IllusionMH
Отправлено: 18 Октября, 2013 - 11:42:35
Post Id



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


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


Помог: 242 раз(а)
3d_killer, ок, что-то мешает использовать CSS?

upd. ЛОЛ зачем событие меню навешивать на весь документ? Во-первых это затратно по ресурсам, во вторых это все портит.

P.S. Зачем все это заворачивать в ссылку, если нельзя просто взять и завернуть "дочерние" ссылки в "родительскую". С точки зрения логики и поведения браузеров.

(Отредактировано автором: 18 Октября, 2013 - 11:54:24)

 
 Top
DelphinPRO
Отправлено: 18 Октября, 2013 - 12:43:57
Post Id



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


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


Помог: 353 раз(а)
3d_killer пишет:
меню пришлось строить таблицей

http://examples[dot]delphinpro[dot]ru/justify-nav[dot]html


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
3d_killer
Отправлено: 18 Октября, 2013 - 13:09:31
Post Id



Участник


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


Помог: 21 раз(а)
вот что то похожее спасибо
 
My status
 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