Changes for page Survey #1 on the use of HBP Tools
Last modified by marissadiazpier on 2023/09/04 17:22
From version 10.1
edited by marissadiazpier
on 2023/06/25 18:10
on 2023/06/25 18:10
Change comment:
There is no comment for this version
To version 7.1
edited by marissadiazpier
on 2023/06/25 18:05
on 2023/06/25 18:05
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -2,67 +2,36 @@ 2 2 <!DOCTYPE html> 3 3 <html> 4 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> 5 + <title>Encuesta</title> 6 + <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> 36 36 </head> 37 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> 9 + <h1>Encuesta</h1> 53 53 54 -<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> 55 -<script> 56 - $(document).ready(function() { 57 - $('#survey-form').submit(function(event) { 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) { 58 58 event.preventDefault(); 59 59 60 - var selectedOption = $('input[name="option"]:checked').val();29 + var selectedOption = document.querySelector('input[name="option"]:checked').value; 61 61 var results = "Has seleccionado: " + selectedOption; 62 62 63 63 // Realizar una solicitud AJAX al servidor para guardar los datos en el archivo en la nube 64 64 $.ajax({ 65 - url: 'https://drive.ebrains.eu/smart-link/2052546c-45e8-4d51-847a-fa421a62e57b/', 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 66 66 type: 'POST', 67 67 data: results, 68 68 success: function(response) { ... ... @@ -74,9 +74,7 @@ 74 74 } 75 75 }); 76 76 }); 77 - }); 78 -</script> 79 - 46 + </script> 80 80 </body> 81 81 </html> 82 82