Changes for page Survey #1 on the use of HBP Tools
Last modified by marissadiazpier on 2023/09/04 17:22
From version 5.1
edited by marissadiazpier
on 2023/06/25 18:01
on 2023/06/25 18:01
Change comment:
There is no comment for this version
To version 13.1
edited by marissadiazpier
on 2023/06/26 10:09
on 2023/06/26 10:09
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,89 +1,5 @@ 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> 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}} 53 53 54 - <script> 55 - function handleDocumentSaved(response) { 56 - console.log('Documento guardado con éxito:', response); 57 - } 58 58 59 - function saveResultsToOnlyOffice(results) { 60 - window.onEditorsReady = function() { 61 - window.Asc.documentService.upload( 62 - { 63 - url: 'https://drive.ebrains.eu/', 64 - file: results, 65 - callbackUrl: 'https://drive.ebrains.eu/smart-link/58102a22-49fc-426b-ae8c-daa107489e58/', 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}} 5 +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.