Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 16.02.2020, 19:58
Кандидат Javascript-наук
Отправить личное сообщение для Lefseq Посмотреть профиль Найти все сообщения от Lefseq
 
Регистрация: 19.04.2019
Сообщений: 124

В модальном окне отключен функционал мыши. Как включить?
Здравствуйте. В модальном окне, каким-то образом, полностью отключен функционал мыши, то есть невозможно выделить текст расположенный в окне или нажать на кнопку после добавления ее в окно. Пожалуйста, помогите "включить" мышку в данном окне.

let timer = null;
let slider = document.querySelector('#slider'),
  slides = slider.querySelectorAll('.slide_item'),
  len = slides.length,
  index = len - 1,
  dir = 1;
 
function move() {
  slides[index].style.opacity = "";
  slides[index].style.Zindex = "";
  index = (index + dir + len) % len;
  slides[index].style.opacity = 1;
  slides[index].style.Zindex = 1;
  var article = slides[index].getElementsByTagName('article')[0];
  document.getElementById('window9').style.width = article.offsetWidth+'px';
  document.getElementById('window9').style.height = article.offsetHeight+'px';
  index < len - 1 && (timer = window.setTimeout(move, 7000));
}
 
function show(state) {
  if (state === "block") {
    timer = window.setTimeout(move, 0);
  } else {
    clearTimeout(timer);
  }
  document.getElementById('window9').style.display = state;
  document.getElementById('wrap9').style.display = state;
  
getProgress();
 
}


Код:
#slider{
    width: 100%;
    height: 80vh;
    margin: 0px auto;
    position: relative;
    overflow: hidden;
}
 
.slide_item{
    width:  100%;
    height: 100%;
    position: absolute;
    font-family:Arial; 
    font-size:18px; 
    color:#000000;
    left: 0;
    top:0;
    float: left;
    opacity: 0;
    z-index: -10;
    background-size: cover;
    }
    
     #wrap9{
        display: none;
        opacity: 0.5;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: rgba(255, 255, 255, 1);
        z-index: 100;
        overflow: auto;
    }
    
    #window9{
        width: 900px;
        height: 600px;
        margin: auto;
        display: none;
        background: #fff;
        border: 1px solid #365E97;
        z-index: 200;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        vertical-align:middle;
        -webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);
        box-shadow:0 5px 15px rgba(0,0,0,.5);
    }
<button onclick="show('block')">Вперед</button>
 
<div id="wrap9"></div>
<!-- Само окно-->
<div id="window9">
<div id="slider">
<div class="slide_item">
БЛОК №1
<br>
<button>Кнопка</button>
</div>
<div class="slide_item">
БЛОК №2
</div>
<div class="slide_item">
БЛОК №3
</div>
</div>              
</div>
Ответить с цитированием
  #2 (permalink)  
Старый 16.02.2020, 20:45
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 32,175

Lefseq,
Сообщение от Lefseq
getProgress();
Сообщение от Lefseq
'article'
???
сделайте полноценный макет


[html run]
... минимальный код страницы с вашей проблемой
[/html]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как добиться, чтобы прогресс бар в модальном окне запускался после клика по ссылке да Lefseq Общие вопросы Javascript 3 06.10.2019 20:39
Не работает скрипты в модальном окне igorfelix Общие вопросы Javascript 13 22.03.2015 12:41
Как вы относитесь к наркоманам? Maxmaxmaximus7 Оффтопик 7 05.02.2014 11:29
Как узнать, присутствует ли в окне полоса прокрутки или нет? возжаждавший Элементы интерфейса 6 12.03.2010 22:00
Как имитировать событие мыши Andrey_V Общие вопросы Javascript 4 10.11.2008 15:39