Как вывести форму обратной связи в диалоговом окне вебасиста?

6 ответов

• популярные
• новые

• 1

  Алексей Webasyst 28 ноября 2015 14:51 #

  Php и smarty в указанном коде нет. Всего лишь JS/css/html.

  Технически вы можете всю форму обратной связи добавить в скрытый <div/> и его показывать при каком-то действии, а после отправки закрывать. В некоторых темах так и реализовано.

  ответить
  • +1

    Karenza 28 ноября 2015 16:29 #

    Да не PHP а JS и smarty

    вот JS $(el).waDialog(options);

    а smarty есть в форме обратного звонка {$wa->block('site.send_email_form')}.

    Понимаю можно и так сделать, но лучше пользоваться всем встроенным чем вносить новое.

    ответить
• 1

  Алексей Александрович Партнер-эксперт Партнер-разработчик 30 ноября 2015 01:10 #

  HTML (кнопка и диалог)

  <a href="#feedback" class="feedback">Заказать обратный звонок</a>

  
  

  <div id="feedback-dialog" class="dialog">

  <div id="feedback-dialog" class="dialog">

  <div class="dialog-background cancel"></div>

  <div class="dialog-window">

  <div class="dialog-body">

  <div class="dialog-buttons"><i class="fa fa-times dialog-close cancel"></i></div>

  {$wa->block("site.send_email_form")}

  </div>

  </div>

  </div>
  

  
  

  JS

  //feedbackdialog
  

  $('.feedback').click(function() {

  $("#feedback-dialog").waDialog();

  });

  
  

  $('#feedback-dialog .dialog-background.cancel').click(function() {

  $('#feedback-dialog .dialog-close').click();

  });
  

  
  

  PS Для кнопки закрытия используется иконка font-awesome http://fontawesome.io/icons/

  ответить
  • +1

    Karenza 17 декабря 2015 15:08 #

    Благодарю, так заработало. Но есть проблемы: 1. при нажатии на кнопку отправить, диалогое окно закрывается, нужно еще раз вызвать чтобы увидеть ошибка там или отправилось.

    2. по клику на фон не закрывает(

    ответить
    • +1

      Алексей Александрович Партнер-эксперт Партнер-разработчик 18 декабря 2015 01:11 #

      1) Форма использует POST для отправки данных, а не AJAX

      2)

      
      

      .dialog-background {
          position: fixed;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: rgba(55, 58, 71, 0.9);
          filter: alpha(opacity=80);
          z-index: 99;
      }

      ответить
  • +1

    Lebedev 6 июня 2018 14:07 #

    Подскажите, пожалуйста, что куда совать? )) Не получается. js куда только не вставлял.

    Блок html на страницу, а js куда вставить? Спасибо.

    ответить