Форма в модальном окне

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО InstantCMS 2.X
#1 28 июня 2021 в 11:08
Ребят, подскажите пожалуйста как реализовать, чтобы в модальном окне сразу были поля формы?
Например, вот код модального окна
  1. <style>
  2. #modal:target {
  3.  
  4. display: block;
  5. }
  6.  
  7. #modal {
  8.  
  9. background: rgba(102, 102, 102, 0.68);
  10. width: 100%;
  11. height: 100%;
  12. position: fixed;
  13. top: 0;
  14. left: 0;
  15. display: none;
  16. z-index: 9999999999;
  17.  
  18. }
  19.  
  20. window {
  21.  
  22. position: absolute;
  23. top: 50%;
  24. left: 50%;
  25. width: 400px;
  26. border: 1px solid #cecece;
  27. padding: 50px;
  28. transform: translate(-50%,-50%);
  29. background-color: #fafafa;
  30.  
  31. }
  32.  
  33. div#main_text a.close_window {
  34.  
  35. position: absolute;
  36. right: 10px;
  37. top: 2px;
  38. border: 1px solid red;
  39. padding: 0 10px;
  40. }
  41.  
  42. .outline {
  43. border: 1px solid red;
  44. padding: 0 10px;
  45. }
  46.  
  47. </style>
  48.  
  49. <a href="#modal">Модальное окно</a>
  50.  
  51. <div id="modal">
  52.  
  53. <window>
  54.  
  55. <a href="#close_window" class="close_window outline">Закрыть</a><br><br>
  56.  
  57. Здесь нужен код формы
  58.  
  59. </window>
  60.  
  61. </div>
Что-то не могу понять, шорткод не срабатывает. Через фрейм тоже не работает.
  1. <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 50%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='http://сайт.ру/forms/zaloba' style='border:0'></iframe></div>
#2 28 июня 2021 в 19:03
Наврят ли фрейм будет работать в модале. Подгружайте сразу через load()
#3 28 июня 2021 в 19:54
Ну форма нормально открывается в модальном окне.
Примерно так

  1. <a class="text-primary ajax-modal bordered" href="/forms/question">задать вопрос</a>
Есть маленькая проблема. После отправки формы форма не закрывается, только очищается… У себя решаю так

  1.  
  2. <script>
  3. function formsSuccess(data){
  4. icms.modal.alert('Мы получили ваше сообщение. Менеджер свяжется с Вами в ближайшее время','success');
  5. }
  6. </script>
  7.  
#4 28 июня 2021 в 20:19
Zau4man, огромное спасибо, как всегда помогли. Вопрос решен!
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.