Diferencia entre revisiones de «Plantilla:EvaluacionEjemplo»

De UX Wiki
Sin resumen de edición
Sin resumen de edición
Línea 1: Línea 1:
<html>
<html>
<div style="border: 2px solid #ccc; padding:10px; background:#f9f9f9; width:450px; margin-bottom: 10px;">
<div style="border:2px solid #ccc; padding:10px; background:#f9f9f9; width:450px; margin-bottom:10px;">
   <strong>Evaluación del ejemplo <!--{{{id}}}-->:</strong><br>
   <strong>Evaluación del ejemplo  
   <select id="evaluacion-dropdown-<!--{{{id}}}-->">
</html>{{{id}}}<html>:</strong><br>
 
   <select id="evaluacion-dropdown-</html>{{{id}}}<html>">
     <option value="0">0 - Mal</option>
     <option value="0">0 - Mal</option>
     <option value="1">1 - Correcto</option>
     <option value="1">1 - Correcto</option>
Línea 9: Línea 11:
   <br><br>
   <br><br>


   <strong>Comentarios del profesor (ejemplo <!--{{{id}}}-->):</strong><br>
   <strong>Comentarios del profesor (ejemplo </html>{{{id}}}<html>):</strong><br>
   <textarea id="comentario-profesor-<!--{{{id}}}-->" rows="4" cols="50"></textarea><br><br>
   <textarea id="comentario-profesor-</html>{{{id}}}<html>" rows="4" cols="50"></textarea><br><br>


   <button id="guardar-evaluacion-<!--{{{id}}}-->">Guardar evaluación</button>
   <button id="guardar-evaluacion-</html>{{{id}}}<html>">Guardar evaluación</button>
</div>
</div>


Línea 18: Línea 20:
document.addEventListener('DOMContentLoaded', function(){
document.addEventListener('DOMContentLoaded', function(){
     setTimeout(function(){
     setTimeout(function(){
            const pageName = mw.config.get('wgPageName');
        const pageName = mw.config.get('wgPageName');
            const evaluacionID = '<!--{{{id}}}-->';
        const evaluacionID = '</html>{{{id}}}<html>';


            alert(evaluacionID);
        const valorGuardado = localStorage.getItem('evaluacion-' + pageName + '-' + evaluacionID);
           
        const comentarioGuardado = localStorage.getItem('comentario-' + pageName + '-' + evaluacionID);
            const valorGuardado = localStorage.getItem('evaluacion-' + pageName + '-' + evaluacionID);
            const comentarioGuardado = localStorage.getItem('comentario-' + pageName + '-' + evaluacionID);


            if (valorGuardado !== null) {
        if (valorGuardado !== null) {
                document.getElementById('evaluacion-dropdown-' + evaluacionID).value = valorGuardado;
            document.getElementById('evaluacion-dropdown-' + evaluacionID).value = valorGuardado;
            }
        }
            if (comentarioGuardado !== null) {
        if (comentarioGuardado !== null) {
                document.getElementById('comentario-profesor-' + evaluacionID).value = comentarioGuardado;
            document.getElementById('comentario-profesor-' + evaluacionID).value = comentarioGuardado;
            }
        }


            document.getElementById('guardar-evaluacion-' + evaluacionID).onclick = function(){
        document.getElementById('guardar-evaluacion-' + evaluacionID).onclick = function(){
                const evaluacion = document.getElementById('evaluacion-dropdown-' + evaluacionID).value;
            const evaluacion = document.getElementById('evaluacion-dropdown-' + evaluacionID).value;
                const comentario = document.getElementById('comentario-profesor-' + evaluacionID).value;
            const comentario = document.getElementById('comentario-profesor-' + evaluacionID).value;


                localStorage.setItem('evaluacion-' + pageName + '-' + evaluacionID, evaluacion);
            localStorage.setItem('evaluacion-' + pageName + '-' + evaluacionID, evaluacion);
                localStorage.setItem('comentario-' + pageName + '-' + evaluacionID, comentario);
            localStorage.setItem('comentario-' + pageName + '-' + evaluacionID, comentario);


                alert('Evaluación ' + evaluacionID + ' guardada correctamente para la página: ' + pageName);
            alert('Evaluación ' + evaluacionID + ' guardada correctamente para la página: ' + pageName);
            };
        };
     }, 500);
     }, 500);
});
});
</script>
</script>
</html>
</html>

Revisión del 17:50 13 mar 2025

Evaluación del ejemplo {{{id}}}:


Comentarios del profesor (ejemplo {{{id}}}):