Este script es para poner a prueba los conocimientos de los lectores de un blog mediante un mini test, se puede personalizar, poner el titulo que se desee y aumentar el número de preguntas o respuestas. Este mini test no guarda el registro de los resultados pues es solo como un test online divertido. Aqui está un ejemplo, de como queda, en un blog: http://lapsicologiamedarisa.blogspot.com/p/freud.html
¿En qué año falleció Sigmund Freud?
1928
1962
1980
1933
1939
1928
1962
1980
1933
1939
Para usarlo en el blog sólo se debe cortar y pegar el siguiente código en una entrada, un post o en un elemento HTML/Javascript:
<left>¿En qué año falleció Sigmund Freud?</left>
<input name="b1" onclick="alert('Incorrecto, en ese año fue creado Mikey Mouse');b1.checked;" type="checkbox" value="on" />1928
<input name="b2" onclick="alert('Incorrecto, en ese año aparece por primera vez Spider Man');b2.checked;" type="checkbox" value="on" />1962
<input name="b3" onclick="alert('Incorrecto, en ese año murió Jhon Lennon');b3.checked;" type="checkbox" value="on" />1980
<input name="b4" onclick="alert('Incorrecto, en ese año estrenan la primer pelicula de King Kong');b4.checked;" type="checkbox" value="on" />1933
<input name="b5" onclick="alert('Correcto, en ese año falleció mediante eutanacia');b5.checked;" type="checkbox" value="on" />1939
Una vez pegado se deben realizar los siguientes pasos para modificar el mini test
1- Modificar la pregunta que está en azul, se puede cambiar el tamaño de la letra donde dice font size.
2- Modificar lo que está en color rojo entre paréntesis que es el texto que aparecerá en el mensaje de alerta.
3- Modificar lo que está en verde que son las posibles respuestas.
Se podrá hacer tan largo o tan corto como se decida. Aquí se le ha puesto un color de fondo para hacerlo llamativo, si se quiere hacer lo mismo sólo se pone antes del código lo siguiente: <div style="background-color: #c27ba0;"> y al final del cuestionario se cierra con </div
2- Modificar lo que está en color rojo entre paréntesis que es el texto que aparecerá en el mensaje de alerta.
3- Modificar lo que está en verde que son las posibles respuestas.
Se podrá hacer tan largo o tan corto como se decida. Aquí se le ha puesto un color de fondo para hacerlo llamativo, si se quiere hacer lo mismo sólo se pone antes del código lo siguiente: <div style="background-color: #c27ba0;"> y al final del cuestionario se cierra con </div
No hay comentarios:
Publicar un comentario