Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: для новичков > как скрыть форму после вставки в бд


Автор: Jokeryuga 24.1.2012, 22:12
Доброго времени суток!у меня такая проблема:есть форма  
Код

<div id="form">
        <font color="RED" size="4px"><p>Заполните форму для оформления заказа</p></font>
    <form method="post" action="{pyro:url:site}shop/add_phone">
        <p>Адрес: <input type="text" id="address" name="address" /></p>
        <p>Телефон: <input type="text" id="phone" name="phone" class="phone" /></p>
        <input type="submit" id="submit" value="Отправить" />
    </form>
 </div>
 она появляется если у пользователя не указан телефон и адрес...мне нужно сделать так,чтобы после её заполнения и вставки данных в бд эта форма скрылась. как это сделать непонимаю,т.к. не силён в javascript((( помогите пожалуйста!!!вот скрипт - 
Код

$(function() {
 
   $("#submit").click(function() {
       // получаем то, что написал пользователь
       var address    = $("#address").val();
       var phone = $("#phone").val();
       // Формируем строку запроса
       var data            = 'address='+ adress +'&amp;phone='+ phone;

       // ajax вызов
       $.ajax({
          type: "POST",
           url: "shop/add_phone",
           data: data,
           success: function(html){ // после получения результата          
                   $('#view_cart').animate({opacity:0},300,function() {
                 document.body.removeChild(this);
               });
         }
      });
      return false;
    });
});

Автор: ayax2005 25.1.2012, 08:09
В success просто добавьте $('#form').hide();

Автор: Jokeryuga 25.1.2012, 10:17
Цитата(ayax2005 @ 25.1.2012,  08:09)
В success просто добавьте $('#form').hide();

я это понял...только вот не понимаю почему после нажатия кнопки я перехожу на shop/add_phone и от туда уже не выхожу...просто грузится страница пустая shop/add_phone. как сделать так чтобы от туда вышел и без перезагрузки страницы скрыл форму?

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)