HTMLpointHTMLpoint HTMLpoint.com


 Un test en Javascript 1/2



El éxito de un sitio Web es consecuencia de pequeños detalles, estratagemas, grandes y pequeñas iniciativas, que producen sus efectos de manera inmediata o a medio o largo plazo. Aquí podemos destacar el papel fundamental que desempeña la interactividad, término del que se abusa a menudo y que incluye todas las iniciativas que implican activamente al visitante. Existen tantas y tan diversas herramientas técnicas para convertir en interactivo un sitio web que nos resultaría imposible elencarlas todas. Es también verdad que a esta abundancia de programas y script para publicaciones interactivas corresponde una cierta dificultad de instalación y gestión. Sólo por poner un ejemplo, la utilización de script CGI no es posible sin una serie de conocimientos técnicos y, requisito fundamental, sin el acceso completo al propio servidor. A menudo estos dos requisitos no se atienden, bien porque el sitio se encuentra albergado en una comunidad virtual que no concede acceso al CGI-bin, bien por límites técnicos que no pueden superarse en un corto período. En estos casos, existen soluciones alternativas que van desde el uso de servicios gratuitos residentes en otros servidores, hasta la adopción de script menos potentes pero limitados tan sólo a la configuración cliente. Javascript responde a esta segunda exigencia y permite, mediante una sintaxis simple y familiar, crear páginas interactivas. Un ejemplo de este tipo son los test con calificación final: el visitante responde a una serie de preguntas y, al final, el script otorga una calificación final basada en el número de respuestas correctas. El Javascript que vamos a analizar cumple a la perfección esta tarea, si bien, al no ser un script server side include, no permite memorizar los datos para un análisis sucesivo.

El código Javascript necesario para el funcionamiento del test se insertará, en parte, en el encabezamiento del documento (elemento ) y, en parte, en el cuerpo del mismo (elemento <BODY>).

El análisis del script parte del código contenido entre los elementos <HEAD>. Antes de nada, hay que impostar el código que solicita el nombre de quien rellena el formulario. Este nombre no influye en el funcionamiento del scripty sirve tan sólo para indicar, en el quiz, el nombre del visitante:

Este código genera una simple ventana de diálogo del navegador en la cual se insertará el nombre, que el lector, si lo desea, puede también omitir.
Llegados a este punto, se impostarán las funciones que permiten al script producir sus efectos y que, sucesivamente, se invocarán en el código de cada pregunta:

Muestra el ejemplo práctico

El siguiente código dispone las preguntas dentro del documento:
mientras que para las respuestas de los visitantes está previsto el siguiente código:

El código "var flag=true" verifica que no se haya dejado ninguna pregunta sin contestar. En caso de que alguna no se hubiera contestado, la sintaxis sucesiva abrirá la ventana de alarma:

La línea de código:

establece en 100 la base máxima de calificación. En otras palabras, si el visitante responde a todas las preguntas correctamente su calificación será 100, si responde a la mitad será 50 y así sucesivamente..

Una vez impostado el código Javascript dentro de los elementos <HEAD>, pasamos a insertar en el cuerpo del documento las referencias necesarias para que dicho código produzca los correspondientes efectos en cada una de las voces del formulario.

Antes de nada, invocamos el nombre facilitado por el visitante cuando se ha abierto la página para personalizar el test:

De este modo, el texto "Hola xxx, contesta a las siguientes preguntas" permanece fijo para todos los visitantes, mientras que en lugar de las xxx aparecerá el nombre facilitado por el visitante.




  Vuelve a principio de página
1997-2000 - Grafica, layout e guide sono de esclusiva proprietà de HTMLpoint s.r.l.