Cómo incluir actividades con JavaScript
De WikiTinglado
En los editores de gestores de contenido no se puede meter una página completa HTML con todas las etiquetas. Hay que incluir todo lo que hay entre las etiquetas
<body> y </body>
Es decir, lo que se encuentra en el cuerpo (body) del documento. La parte de la cabecera con sus etiquetas HTML,HEAD y TITLE no tenéis que incluirla en el editor, porque ese contenido es el que se incluye cuando rellenáis los "Datos del texto" antes de escribir un artículo en la sección de "Escribir" de esta bitácora. No sé si esto es un poco complicado.
Si queréis incluir un ejercicio que lleva programación JavaScript, como los de Hot Potatoes, no se puede pegar todo el código en la caja de texto del editor, pero se pueden hacer dos cosas:
1. La forma más sencilla es guardar el documento en el servidor y enlazarlo en el editor con un "iframe" (marco), de esta manera:
<iframe src="http://ruta_servidor/nombre_archivo.htm" width=500" height="500" frameborder="0" scrolling=Yes> </iframe>
No os olvidéis de activar la opciónTexto en HTML del editor de esta bitácora, porque con el código textile no funciona. Los atributos de la etiqueta iframe se refieren a lo siguiente:
- src es la ruta del servidor donde tenéis colgada la página.
- width y height son la anchura y la altura del marco o iframe. La anchura no puede ser mayor de 630 para que lo vean bien los monitores de resolución 800X600. Si la altura es menor de lo que ocupa el contenido, entonces aparecen las barras de desplazamiento.
- frameborder es la anchura del borde del marco en píxeles. Si es 0, no hay borde niguno. En este caso, y si la altura del iframe se ajusta a la del contenido, no parece que haya un iframe en el documento, porque no se ve ni el borde del iframe ni las barras de desplazamiento, lo que puede resultar adecuado para muchas actividades.
- scrolling es la barra de desplazamiento de arriba a abajo y que permite ver todo el ejercicio subiendo y bajando la barra. Siempre tiene que ser scrolling=Yes, porque si no, puede ocurrir que no veamos todo el ejercicio. Pero también podemos evitar que se vean las barras de scroll si adecuamos la anchura y la altura al tamaño real de la actividad. No todos los navegadores ni sistemas operativos ajustan los píxeles del mismo modo.
2. Otra posibilidad es que la parte de JavaScript de los ejercicios vaya aparte en otro archivo con extensión .js. A este archivo se le llama escribiendo su ruta desde la opción Meta Datos de la parte de Datos del texto. El resto del archivo, es decir, el código HTML sin JavaScript se copia en el editor, y ya no suele haber problemas. Ésta es la mejor forma de hacerlo. Yo lo hago así cuando incluyo algún test de JavaScript en mis blogs, y os puedo ayudar cuando queráis.
Pero los ejercicios de Hot Potatoes incluyen un código tan complejo y enrevesado, que no se pueden hacer de esta manera; al menos, yo lo he intentado y es casi imposible. No entiendo cómo Hot Potatoes se complica tanto, porque yo he hecho algunos tests con JavaScript bastante completos y uso muchísmo menos código. Y no lo digo por fardar, sino porque me extraña mucho.
La inclusión de posts interactivos con JavaScript u otro lenguaje no se puede hacer en ningún gestor de contenidos que yo conozca, pero en el mío lo he implementado pensando en publicar documentos con JavaScript. Algún día incluiré la posibilidad de hacer tests interactivos en mis bitácoras de forma automatizada, pero ahora no tengo tiempo.
