Wiki source code of 25.06

Version 2.1 by marissadiazpier on 2023/06/25 17:42
Show last authors
1 {{html}}
2 <!DOCTYPE html>
3 <html>
4 <head>
5   <title>Encuesta</title>
6   <script src="https://api.onlyoffice.com/editors/callback.js"></script>
7   <style>
8     /* Estilos CSS para la encuesta */
9     .container {
10       width: 400px;
11       margin: 50px auto;
12     }
13   
14     h1 {
15       text-align: center;
16     }
17   
18     form {
19       margin-top: 20px;
20     }
21   
22     label {
23       display: block;
24       margin-bottom: 10px;
25       font-weight: bold;
26     }
27   
28     input[type="radio"] {
29       margin-right: 5px;
30     }
31   
32     input[type="submit"] {
33       margin-top: 10px;
34     }
35   </style>
36 </head>
37 <body>
38   <div class="container">
39     <h1>Encuesta</h1>
40     <form id="survey-form">
41       <label>
42         <input type="radio" name="option" value="option1"> Opción 1
43       </label>
44       <label>
45         <input type="radio" name="option" value="option2"> Opción 2
46       </label>
47       <label>
48         <input type="radio" name="option" value="option3"> Opción 3
49       </label>
50       <input type="submit" value="Enviar">
51     </form>
52   </div>
53
54   <script>
55     function handleDocumentSaved(response) {
56       console.log('Documento guardado con éxito:', response);
57     }
58
59     function saveResultsToOnlyOffice(results) {
60       window.onEditorsReady = function() {
61         window.Asc.documentService.upload(
62           {
63             url: 'https://drive.ebrains.eu/smart-link/58102a22-49fc-426b-ae8c-daa107489e58/',
64             file: results.xlsx,
65             callbackUrl: 'https://callback-url-tu-aplicacion',
66             token: '58102a22-49fc-426b-ae8c-daa107489e58',
67             success: handleDocumentSaved,
68             error: function(response) {
69               console.log('Error al guardar el documento:', response);
70             }
71           }
72         );
73       };
74     }
75
76     document.getElementById('survey-form').addEventListener('submit', function(event) {
77       event.preventDefault();
78
79       var selectedOption = document.querySelector('input[name="option"]:checked').value;
80       var results = "Has seleccionado: " + selectedOption;
81
82       saveResultsToOnlyOffice(results);
83     
84      Puedes hacer más acciones aquí, como mostrar un mensaje de agradecimiento o redireccionar al usuario a otra página
85     });
86   </script>
87 </body>
88 </html>
89 {{/html}}
Public

SLU_HBPB