Changes for page Survey #1 on the use of HBP Tools

Last modified by marissadiazpier on 2023/09/04 17:22

From 4.1 to 5.1 From 6.1 to 7.1

From version 5.1

edited by marissadiazpier
on 2023/06/25 18:01

Change comment: There is no comment for this version

To version 6.1

edited by marissadiazpier
on 2023/06/25 18:03

Change comment: There is no comment for this version

Raw
Rendered

Summary

Page properties (1 modified, 0 added, 0 removed)

Details

Page properties

Content

@@ -2,88 +2,49 @@
  <!DOCTYPE html>
  <html>
  <head>
--  <title>Encuesta</title>
--  <script src="https://api.onlyoffice.com/editors/callback.js"></script>
--  <style>
--    /* Estilos CSS para la encuesta */
--    .container {
--      width: 400px;
--      margin: 50px auto;
--    }
--
--    h1 {
--      text-align: center;
--    }
--
--    form {
--      margin-top: 20px;
--    }
--
--    label {
--      display: block;
--      margin-bottom: 10px;
--      font-weight: bold;
--    }
--
--    input[type="radio"] {
--      margin-right: 5px;
--    }
--
--    input[type="submit"] {
--      margin-top: 10px;
--    }
--  </style>
++  <title>Encuesta</title>
++  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  </head>
  <body>
--  <div class="container">
--    <h1>Encuesta</h1>
--    <form id="survey-form">
--      <label>
--        <input type="radio" name="option" value="option1"> Opción 1
--      </label>
--      <label>
--        <input type="radio" name="option" value="option2"> Opción 2
--      </label>
--      <label>
--        <input type="radio" name="option" value="option3"> Opción 3
--      </label>
--      <input type="submit" value="Enviar">
--    </form>
--  </div>
++  <h1>Encuesta</h1>
--  <script>
--    function handleDocumentSaved(response) {
--      console.log('Documento guardado con éxito:', response);
--    }
++  <!-- Formulario de la encuesta -->
++  <form id="survey-form">
++    <label>
++      <input type="radio" name="option" value="option1"> Opción 1
++    </label>
++    <label>
++      <input type="radio" name="option" value="option2"> Opción 2
++    </label>
++    <label>
++      <input type="radio" name="option" value="option3"> Opción 3
++    </label>
++    <input type="submit" value="Enviar">
++  </form>
--    function saveResultsToOnlyOffice(results) {
--      window.onEditorsReady = function() {
--        window.Asc.documentService.upload(
--          {
--            url: 'https://drive.ebrains.eu/',
--            file: results,
--            callbackUrl: 'https://drive.ebrains.eu/smart-link/58102a22-49fc-426b-ae8c-daa107489e58/',
--            token: '58102a22-49fc-426b-ae8c-daa107489e58',
--            success: handleDocumentSaved,
--            error: function(response) {
--              console.log('Error al guardar el documento:', response);
--            }
--          }
--        );
--      };
--    }
++  <script>
++    document.getElementById('survey-form').addEventListener('submit', function(event) {
++      event.preventDefault();
--    document.getElementById('survey-form').addEventListener('submit', function(event) {
--      event.preventDefault();
++      var selectedOption = document.querySelector('input[name="option"]:checked').value;
++      var results = "Has seleccionado: " + selectedOption;
--      var selectedOption = document.querySelector('input[name="option"]:checked').value;
--      var results = "Has seleccionado: " + selectedOption;
--
--      saveResultsToOnlyOffice(results);
--
--     Puedes hacer más acciones aquí, como mostrar un mensaje de agradecimiento o redireccionar al usuario a otra página
--    });
--  </script>
++      // Realizar una solicitud AJAX al servidor para guardar los datos en el archivo en la nube
++      $.ajax({
++        url: 'https://drive.ebrains.eu/smart-link/58102a22-49fc-426b-ae8c-daa107489e58/',  // Reemplaza con la ruta y nombre de tu archivo en la nube
++        type: 'POST',
++        data: results,
++        success: function(response) {
++          alert('Datos guardados exitosamente en el archivo en la nube.');
++        },
++        error: function(xhr, status, error) {
++          console.error(error);
++          alert('Error al guardar los datos en el archivo en la nube.');
++        }
++      });
++    });
++  </script>
  </body>
  </html>
++
  {{/html}}

Changes for page Survey #1 on the use of HBP Tools

Summary

Details

SLU_HBPB