Jump to content
  • Sign Up

Помощь в создании многоуровневой кнопки

Recommended Posts

Приветствую, обитатели форума. Возникла ситуация, с которой я залез достаточно, чтобы стать посвещенным в основы событий и их обработок, но недостаточно, чтобы отсюда выбраться.

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

Но заранее выражаю благодарность




Edited by RS-SOUND

Share this post

Link to post
Share on other sites
var elem = document.getElementById("sign-in");

document.getElementById("sign-in").addEventListener("mouseover", mouseOver);
document.getElementById("sign-in").addEventListener("mouseout", mouseOut);
function mouseOver() {
  if (event.target ==== elem || elem.contains(event.target) ) {
    document.getElementById("sign-auth").style.display = "block";

function mouseOut() {
  setTimeout(function(){document.getElementById("sign-auth").style.display = "none"}, 2000);

Пробую так, но кнопка вообще не реагирует

Share this post

Link to post
Share on other sites

выкладывайте свой пример на jsfiddle.net
что за кнопка должна быть и какой функционал на ней должен быть

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Member Statistics

    Total Members
    Most Online
    Newest Member
  • Recently Browsing   0 members

    No registered users viewing this page.

  • Create New...