1

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

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

2

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

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

pointer-events: none;

3

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

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

4

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

ping написав:

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

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

ul

, і

li

, і

а

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

pointer-events: none;

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

5

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

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

6

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

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

EventTarget.removeEventListener at MDN

7

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

Invader написав:

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

EventTarget.removeEventListener at MDN

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