Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Jquery Модальное окно форма 
:(
    Опции темы
Ripperr
Дата 17.4.2017, 01:29 (ссылка)    | (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 77
Регистрация: 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
PM MAIL ICQ   Вверх
Ripperr
Дата 17.4.2017, 13:45 (ссылка)    | (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



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

Код

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


собственно оно заменяет содержимое с классом modal-body на ответ из php 'engeine.php' с параметрами которые уходят туда при саббмите формы.
PM MAIL ICQ   Вверх
Ron1212
Дата 19.4.2017, 16:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



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


Крокодил
**


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

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



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


--------------------
a = a + b; b = a - b; a = a - b;
PM MAIL   Вверх
Google
  Дата 28.7.2017, 19:46 (ссылка)  





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


 




[ Время генерации скрипта: 0.1005 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.