Changes for page Survey #1 on the use of HBP Tools
Last modified by marissadiazpier on 2023/09/04 17:22
From 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
To version 14.1
edited by marissadiazpier
on 2023/06/27 19:35
on 2023/06/27 19:35
Change comment:
There is no comment for this version
Summary
-
Page properties (2 modified, 0 added, 0 removed)
Details
- Page properties
-
- Title
-
... ... @@ -1,0 +1,1 @@ 1 +Survey on the use of HBP Tools - Content
-
... ... @@ -1,50 +1,4 @@ 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> 1 +Please select the HBP tools that you use, and mark those you plan to use in the future, in the next part of the survey please choose those you would like to use, if you have any doubts about the tools please check the tool list to obtain a short description and click it to obtain a full abstract about it. 10 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}} 3 +(% style="margin-left:auto; margin-right:auto" %) 4 +|{{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="100%" height="960px" 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}}