Различия

Показаны различия между двумя версиями страницы.

--- модальное_окно [2022/01/19 09:36] – admin
+++ модальное_окно [2022/02/11 17:55] (текущий) – внешнее изменение 127.0.0.1
@@ Строка 8: / Строка 8: @@
   <div class="modal-dialog">
     <div class="modal-content">
-      <img src="preload.gif">
+        <div style="margin:auto">
+            <img class="img" src="<?= Url::to(['/img/preload.gif'])?>">
+        </div>
     </div>
   </div>
@@ Строка 15: / Строка 17: @@
 <code | Yii2 js>
+<?php
 $this->registerJs("
-    $(document).on('click', '.js_openWindowModal', function () {
+    $(document).on('click', '.js_openWindowModal', function (event) {
-            $('#windowModal').modal('show').find('.modal-content').load($(this).href);
+        event.preventDefault();
+        $('#windowModal').modal('show').find('.modal-content').load($(this).attr('href'));
     });
 ");
@@ Строка 66: / Строка 70: @@
 use yii\bootstrap4\ActiveForm;
-<?php $form = ActiveForm::begin(['id' => 'callme-form']); ?>
+<?php $form = ActiveForm::begin(['id' => 'callme-form','options'=>['class'=>'js_modalForm']]); ?>
       <div class="modal-header">
@@ Строка 91: / Строка 95: @@
 <?php ActiveForm::end(); ?>
+</code>
+<code | Yii2 JS для формы>
+<?php
+$this->registerJS("
+    $(document).on('beforeSubmit', '.js_modalForm', function (event) {
+            event.preventDefault();
+            var form = $(this);
+            $.ajax({
+                   url: form.attr('action'),
+                   cache: false,
+                   contentType: false,
+                   processData: false,
+                   data: form.serialize(),
+                   type: 'post',
+                   beforeSend: function() {
+                   },
+                   success: function(response){
+                       toastr.success('',response.message);
+                       $('#windowModal').modal('hide');
+                   },
+                   complete: function() {
+                   },
+                   error: function (data) {
+                      toastr.warning('','There may a error on uploading. Try again later');
+                   }
+                });
+            return false;
+    });
+");
+?>
 </code>