Changes for page Survey #1 on the use of HBP Tools
Last modified by marissadiazpier on 2023/09/04 17:22
From version 12.1
edited by marissadiazpier
on 2023/06/25 23:47
on 2023/06/25 23:47
Change comment:
There is no comment for this version
To version 8.1
edited by marissadiazpier
on 2023/06/25 18:06
on 2023/06/25 18:06
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -1,2 +1,50 @@ 1 -(% style="margin-left:auto; margin-right:auto" %) 2 -|{{html}}<iframe width="100%" height="874" frameborder="0" src="https://observablehq.com/embed/9f70593fe5b0e763@423?cells=chart&api_key=ffdf287bb96c774d8bba9e393f0d0432c46a633a"></iframe>{{/html}}|{{html}}<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>{{/html}} 1 +{{html}} 2 +<!DOCTYPE html> 3 +<html> 4 +<head> 5 + <title>Encuesta</title> 6 + <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> 7 +</head> 8 +<body> 9 + <h1>Encuesta</h1> 10 + 11 + <!-- Formulario de la encuesta --> 12 + <form id="survey-form"> 13 + <label> 14 + <input type="radio" name="option" value="option1"> Opción 1 15 + </label> 16 + <label> 17 + <input type="radio" name="option" value="option2"> Opción 2 18 + </label> 19 + <label> 20 + <input type="radio" name="option" value="option3"> Opción 3 21 + </label> 22 + <input type="submit" value="Enviar"> 23 + </form> 24 + 25 + <script> 26 + document.getElementById('survey-form').addEventListener('submit', function(event) { 27 + event.preventDefault(); 28 + 29 + var selectedOption = document.querySelector('input[name="option"]:checked').value; 30 + var results = "Has seleccionado: " + selectedOption; 31 + 32 + // Realizar una solicitud AJAX al servidor para guardar los datos en el archivo en la nube 33 + $.ajax({ 34 + url: 'https://drive.ebrains.eu/smart-link/2052546c-45e8-4d51-847a-fa421a62e57b/', // Reemplaza con la ruta y nombre de tu archivo en la nube 35 + type: 'POST', 36 + data: results, 37 + success: function(response) { 38 + alert('Datos guardados exitosamente en el archivo en la nube.'); 39 + }, 40 + error: function(xhr, status, error) { 41 + console.error(error); 42 + alert('Error al guardar los datos en el archivo en la nube.'); 43 + } 44 + }); 45 + }); 46 + </script> 47 +</body> 48 +</html> 49 + 50 +{{/html}}