1 Тема від FakiNyan

  • FakiNyan
  • FakiNyan
  • Робітниця.
  • Поза форумом
  • Дата реєстрації: 27.06.2013
  • Повідомлень: 14 116
    • Репутація: 5674

Тема: Як об'єднати декілька тегів в один?

Хаі. От дивіться. Є такий собі прямокутний блок, а в ньому напис, а мені необхідно було зробити, щоб при наведені на цей блок миші - змінювалась його висота, ну це мені вже підказали, як зробити. Але ось в чому проблема. Логічно було б припустити, що після виведення курсора миші з області того блоку, його висота мала б повернутися до початкової. Ну я зробив ще одну подію, "mouseout", і при її спрацюванні - висота повертається до початкової. Але ось в чому проблема #2. Коли курсор потрапляє на текст всередині цього блоку, то це інтепретується арбузером як вихід мишки з прямокутного блоку. І можна везяти мишку в межах блоку, але там вже буде 10 спрацюваннь події "mouseout", як то відремонтувати?

2 Відповідь від FakiNyan

  • FakiNyan
  • FakiNyan
  • Робітниця.
  • Поза форумом
  • Дата реєстрації: 27.06.2013
  • Повідомлень: 14 116
    • Репутація: 5674

Re: Як об'єднати декілька тегів в один?

а все ок, просто зробив всім блокам всередині 

pointer-events: none;

3 Відповідь від ping

  • ping
  • ping
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 22.08.2012
  • Повідомлень: 1 600
    • Репутація: 1266

Re: Як об'єднати декілька тегів в один?

які теги є всередині прямокутного блоку? в якому тезі знаходиться текст?
чи пробували користуватися он-лайн відлагодженнями (правити CSS) через броузер ?
п.с.
старайтеся писати не перекручуючи слова - в житті і без цього загадок стає.

4 Відповідь від FakiNyan

  • FakiNyan
  • FakiNyan
  • Робітниця.
  • Поза форумом
  • Дата реєстрації: 27.06.2013
  • Повідомлень: 14 116
    • Репутація: 5674

Re: Як об'єднати декілька тегів в один?

ping написав:

які теги є всередині прямокутного блоку? в якому тезі знаходиться текст?
чи пробували користуватися он-лайн відлагодженнями (правити CSS) через броузер ?
п.с.
старайтеся писати не перекручуючи слова - в житті і без цього загадок стає.

да там ціла купа тегів, і 

ul

, і 

li

, і 

а

і т.д. І знаєте що, моя штука не робить, тому що вона містить інший список, і при зміні висоти блоку я маю клацати на елементи внутрішнього списка, але коли я переношу туди курсор, то висота одразу починає ставати початковою. Я подумав - тоді для всіх тегів всередині блоку я зроблю 

pointer-events: none;

і тепер я навіть по посиланню перейти не можу =((
от посилання на той сайт мій типу http://exmpl.bl.ee/ наведіть мишкою на Hardware Products, я поки що тілько для одного блоку це зробив, для тестів всяких там.

5 Відповідь від FakiNyan

  • FakiNyan
  • FakiNyan
  • Робітниця.
  • Поза форумом
  • Дата реєстрації: 27.06.2013
  • Повідомлень: 14 116
    • Репутація: 5674

Re: Як об'єднати декілька тегів в один?

ой, забудьте вже за це все, а-то я перепробував різну фігню і заливав на хост іншу версію сайта

6 Відповідь від Invader

  • Invader
  • Invader
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 13.08.2012
  • Повідомлень: 2 047
    • Репутація: 575

Re: Як об'єднати декілька тегів в один?

У мене 2 -а варіанта:
1. Додати однакову функцію-обробник подій mouseenter & mouseleave для самого блоку і всіх елементів які знаходяться всередині нього.
2. При наведенні вказівника мишки на пункти меню всередині блоку видаляти функцію-обробник події mouseenter для батьківського тегу, а потім, коли мишка виходить за межі пункту меню всередині блоку, повертати все назад.

EventTarget.removeEventListener at MDN

7 Відповідь від FakiNyan

  • FakiNyan
  • FakiNyan
  • Робітниця.
  • Поза форумом
  • Дата реєстрації: 27.06.2013
  • Повідомлень: 14 116
    • Репутація: 5674

Re: Як об'єднати декілька тегів в один?

Invader написав:

У мене 2 -а варіанта:
1. Додати однакову функцію-обробник подій mouseenter & mouseleave для самого блоку і всіх елементів які знаходяться всередині нього.
2. При наведенні вказівника мишки на пункти меню всередині блоку видаляти функцію-обробник події mouseenter для батьківського тегу, а потім, коли мишка виходить за межі пункту меню всередині блоку, повертати все назад.

EventTarget.removeEventListener at MDN

це все дуже наворочено, я вже придумав інший варіант, тільки там проблема з циклом, я зара створю відповідну тему в розділі про JS, а як все налагодится, то покажу, як воно працює гарно.