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 11.1
edited by marissadiazpier
on 2023/06/25 22:38
on 2023/06/25 22:38
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -1,89 +1,3 @@ 1 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 - function handleDocumentSaved(response) { 56 - console.log('Documento guardado con éxito:', response); 57 - } 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> 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> 89 89 {{/html}}