Last modified by marissadiazpier on 2023/09/04 17:22
From version 11.1
edited by marissadiazpier
on 2023/06/25 22:38
Change comment: There is no comment for this version
To version 10.1
edited by marissadiazpier
on 2023/06/25 18:10
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,3 +1,83 @@
1 1  {{html}}
2 -<iframe width="640px" height="480px" src="https://forms.office.com/Pages/ResponsePage.aspx?id=ECkoX28XnUWrfbdEqm78B0mFj_24d5tMv6n4LjCtl_RURFhLU0cyUlc1WlpCSjlISjFRQ1BPT1o2Vy4u&embed=true" frameborder="0" marginwidth="0" marginheight="0" style="border: none; max-width:100%; max-height:100vh" allowfullscreen webkitallowfullscreen mozallowfullscreen msallowfullscreen> </iframe>
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 src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
55 +<script>
56 + $(document).ready(function() {
57 + $('#survey-form').submit(function(event) {
58 + event.preventDefault();
59 +
60 + var selectedOption = $('input[name="option"]:checked').val();
61 + var results = "Has seleccionado: " + selectedOption;
62 +
63 + // Realizar una solicitud AJAX al servidor para guardar los datos en el archivo en la nube
64 + $.ajax({
65 + url: 'https://drive.ebrains.eu/smart-link/2052546c-45e8-4d51-847a-fa421a62e57b/',
66 + type: 'POST',
67 + data: results,
68 + success: function(response) {
69 + alert('Datos guardados exitosamente en el archivo en la nube.');
70 + },
71 + error: function(xhr, status, error) {
72 + console.error(error);
73 + alert('Error al guardar los datos en el archivo en la nube.');
74 + }
75 + });
76 + });
77 + });
78 +</script>
79 +
80 +</body>
81 +</html>
82 +
3 3  {{/html}}
Public

SLU_HBPB