Закрытие предыдущего модального окна при открытии нового

Тема в разделе "JavaScript", создана пользователем AlexGood, 11 июн 2018.

  1. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    Сайт: http://emocii.dtraduga.vh55.hosterby.com/
    Справа в таблице нажимаем УДАЛИТЬ ИЗ СПИСКА - открывается модальное окно в котором 3 кнопки.
    При нажатии на любую из них открывается новое модальное окно, а второе остается висеть.
    Как сделать чтобы при открытии нового модального окна, предыдущее закрывалось?
     
    Последнее редактирование: 11 июн 2018
  2. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Надо добавить на кнопки вызова второго модального окна:
    HTML:
    data-dismiss="modal"
     
    AlexGood нравится это.
  3. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    Этот вариант это просто закрытие модального окна если этот атрибут повесить на кнопку. А мне надо чтобы при открытии нового модального окна, которое поверх предыдущего ОТКРЫВАЕТСЯ, - предыдущее АВТОМАТОМ закрывалось?
    Т.е. получается как бы что одна и та же кнопка открывает новую модалку и закрывает предыдущую.
    Вот скрин с комментом как оно все некрасиво получается: http://joxi.ru/RmzkWppI01lEb2
    Или это все делается только при помощи JS или JQuery?
     
  4. $iD

    $iD Команда форума

    Регистрация:
    13 мар 2012
    Сообщения:
    3.581
    Симпатии:
    1.482
  5. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    Ничего не происходит при клике на кнопку )
     
  6. $iD

    $iD Команда форума

    Регистрация:
    13 мар 2012
    Сообщения:
    3.581
    Симпатии:
    1.482
    AlexGood нравится это.
  7. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    Ха, так вы на кнопку открытия следующего модуля повесили data-dismiss="modal" - для закрытия и data-toggle="modal" data-target="#exampleModal2" - для открытия следующего так?
    Что-то я не так понял, - у меня так не прокатывает.
     
    Последнее редактирование: 14 июн 2018
  8. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Вы видели, что я писал выше? Очень похоже, что нет, либо не пытались понять.
     
    AlexGood нравится это.
  9. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    Нет, я пытался, просто к тому времени прочитал про data-dismiss="modal" и видимо не совсем предал значение тому, что было написано над ним в вашем сообщении.
    Я прописываю вот так:
    Код:
    <input data-dismiss="modal" id="button_rufuse" data-toggle="modal" data-target="#myModal_refuse" type="submit" value="отказаться">
    После клика да, предыдущее окно закрывается, но новое не открывается и просто остается серый фон как-будто модалка какая-то открыта.
    Вот новый линк: http://emocii.dtraduga.vh55.hosterby.com/orders.php
    При клике справа на крестик в кружке и потом - отказаться
     
  10. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Я уже не в первый раз говорю: начните наконец понимать структуру страницы!
    Какого чёрта у вас все модальные окна напханы в #myModal_delete_order?
    Конечно, новое окно не будет раскрываться, если оно внутри окна, которое только что скрылось.

    Все модальные окна должны быть прямыми потомками body!

    И второй вопрос: вы знаете назначение input с type="submit"? Зачем вы его используете где попало?
     
    AlexGood нравится это.
  11. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    Я вас понял. submit используем если данные отправляются на сервер, button - если просто обычный переход куда-либо. Верно?
     
  12. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Если данные отправляются из формы, иначе толку всё равно не будет.
    А вместо type="button" лучше просто использовать тег button.
     
    AlexGood нравится это.