robo

Sleeping

App Files Files Community

DmitrMakeev commited on Sep 20, 2024

Commit

4d07d73

verified ·

1 Parent(s): 2fcd5ac

Update forms.html

Browse files

Files changed (1) hide show

forms.html +16 -10

forms.html CHANGED Viewed

@@ -22,7 +22,7 @@
 <body>
     <h1>Formeo with JSON Copy</h1>
     <div id="formeo-editor-1"></div>
-    <button id="copyJsonButton">Копировать JSON в буфер обмена</button>
     <script>
         document.addEventListener('DOMContentLoaded', function() {
@@ -32,17 +32,23 @@
                 svgSprite: 'https://draggable.github.io/formeo/assets/img/formeo-sprite.svg'
             });
-            // Добавление обработчика события для кнопки
-            document.getElementById('copyJsonButton').addEventListener('click', function() {
-                formeo1.getFormData().then(formData => {
-                    const jsonString = JSON.stringify(formData, null, 2);
-                    navigator.clipboard.writeText(jsonString).then(() => {
-                        alert('JSON скопирован в буфер обмена');
                     }).catch(err => {
-                        alert('Не удалось скопировать JSON в буфер обмена: ' + err);
                     });
-                }).catch(err => {
-                    alert('Ошибка при получении данных формы: ' + err);
                 });
             });
         });

 <body>
     <h1>Formeo with JSON Copy</h1>
     <div id="formeo-editor-1"></div>
+    <button id="copyJsonButton" style="display: none;">Копировать JSON в буфер обмена</button>
     <script>
         document.addEventListener('DOMContentLoaded', function() {
                 svgSprite: 'https://draggable.github.io/formeo/assets/img/formeo-sprite.svg'
             });
+            // Ожидание события formeo:ready
+            formeo1.on('formeo:ready', function() {
+                // Показываем кнопку после инициализации Formeo
+                document.getElementById('copyJsonButton').style.display = 'block';
+                // Добавление обработчика события для кнопки
+                document.getElementById('copyJsonButton').addEventListener('click', function() {
+                    formeo1.getFormData().then(formData => {
+                        const jsonString = JSON.stringify(formData, null, 2);
+                        navigator.clipboard.writeText(jsonString).then(() => {
+                            alert('JSON скопирован в буфер обмена');
+                        }).catch(err => {
+                            alert('Не удалось скопировать JSON в буфер обмена: ' + err);
+                        });
                     }).catch(err => {
+                        alert('Ошибка при получении данных формы: ' + err);
                     });
                 });
             });
         });