Wiki source code of 25.06

Version 9.1 by marissadiazpier on 2023/06/25 18:08
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 document.getElementById('survey-form').addEventListener('submit', function(event) {
56 event.preventDefault();
57
58 var selectedOption = document.querySelector('input[name="option"]:checked').value;
59 var results = "Has seleccionado: " + selectedOption;
60
61 // Realizar una solicitud AJAX al servidor para guardar los datos en el archivo en la nube
62 $.ajax({
63 url: 'https://drive.ebrains.eu/smart-link/2052546c-45e8-4d51-847a-fa421a62e57b/', // Reemplaza con la ruta y nombre de tu archivo en la nube
64 type: 'POST',
65 data: results,
66 success: function(response) {
67 alert('Datos guardados exitosamente en el archivo en la nube.');
68 },
69 error: function(xhr, status, error) {
70 console.error(error);
71 alert('Error al guardar los datos en el archivo en la nube.');
72 }
73 });
74 });
75 </script>
76 </body>
77 </html>
78
79 {{/html}}
Public

SLU_HBPB