VPF::Jquery Модальное окно форма - Форум программистов

Ripperr

Дата 17.4.2017, 01:29 (ссылка)

(голосов:1)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 91
Регистрация: 1.11.2008

Репутация: нет
Всего: нет

Вопрос как сделать данную структуру

Имеем

main.php Главная форма в зависимости от параметра user запускает в модально окне форму

Код



    <!-- Modal -->

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
        <form role="form" id="modal-signup-form">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="myModalLabel">Анкета Пользователя</h4>
          </div>
          <div class="modal-body">
            ......
          </div>
          <div class="modal-footer">
          <!-- есть ли изминения -->
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="submit" class="btn btn-primary odom-submit">Save changes</button>
            <!-- <input type="submit" class="btn btn-success btn-block btn-lg" value="Sign up"> -->
          </div>
          </form>
        </div>
      </div>
    </div>

вызываем окно так

Код


    $('#example2 tbody').on('click', 'tr', function () {
        var data = table.row( this ).data();
        myModal.find(".modal-body").load('engeine.php?user='+data[0]+'','', function(){
            myModal.modal({
                show: true
            });
        });
    });

engeine.php с параметром user =1 (к примеру) после саббмита нужно чтобы модальное окно перезагрузилось с результатами сабмита к примеру с параметрами engaine.php?user=1&fio=asdasda
как это сделать ...

Код


<div class="form-group has-feedback">
<input type="hidden" name="user" value="<?php echo "$data[0]";?>">
</div>
<div class="form-group has-feedback">
    <input type="text" class="form-control" placeholder="ФИО" name="fio" required="" value="<?php echo "$data[1]";?>">
    <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
</div>

сабмитим так

Код


<script>
    var frm = $('#modal-signup-form');
    frm.submit(function (ev) {
        $.ajax({
            type: "GET",
            url: "engeine.php",
            data: $('#modal-signup-form').serialize(),
              success: function(msg){
             $('#myModal').modal('hide'); 
          },
                error: function(){
                alert("failure");
                }
            });
        ev.preventDefault();
    });
</script>

Это сообщение отредактировал(а) Ripperr - 17.4.2017, 01:33

Ripperr

Дата 17.4.2017, 13:45 (ссылка)

(голосов:1)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 91
Регистрация: 1.11.2008

Репутация: нет
Всего: нет

И снова разобрался сам =) чет вы не сильно быстрые =)

Код


$(".modal-body").html(msg);

собственно оно заменяет содержимое с классом modal-body на ответ из php 'engeine.php' с параметрами которые уходят туда при саббмите формы.

Ron1212

Дата 19.4.2017, 16:47 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 15
Регистрация: 19.4.2017

Репутация: нет
Всего: нет

Добрый день. Может кто подскажет как решить такой вопрос:
У меня на сайте имеется система для онлайн редактирования страниц html. Так вот при активации данной системы вверху редактируемой страницы появляется горизонтальная строка с "Настройками" и разными "Меню". Мне необходимо скрыть некоторую часть этой строки, что бы некоторые любопытные пользователи не лезли куда не надо и не сбивали настройки. Пробовал закрыть эту зону, с помощью наложения картинки, и придания разных свойств этой картинке при помощи команд: position:fixed, z-index, разных скриптов для модальных окон. В общем ничего не получается, строка меню автоматически опускает верхнюю часть страницы вниз (под себя) и наложения картинки не происходит. Может кто подскажет, есть ли какой либо способ придать абсолютные свойства элементу html страницы для отображения его в активном окне браузера над любыми элементами (даже игнорируя работу скриптов системы онлайн редактирования страниц html).

akizelokro

Дата 1.5.2017, 18:47 (ссылка)

(нет голосов)

Загрузка ...

Крокодил

Профиль
Группа: Участник
Сообщений: 761
Регистрация: 30.7.2007

Репутация: нет
Всего: 5

Залезь в код, найди id элементов, которые хочешь скрыть, и функцией jquery hide() скрывай.

--------------------

a = a + b; b = a - b; a = a - b;

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »