Unidad 10. JavaScript (VII)

10.8. noscript

Aunque hacer cosas en JavaScript resulta muy útil tiene un inconveniente. Y es que un visitante de nuestra página podría tener los scripts deshabilitados en su navegador.

Si sólo utilizamos scripts para conseguir algunos efectos visuales, no hay problema. Pero en nuestra página, si no se muestra JavaScript el visitante no podrá navegar, porque no se mostrará el menú, ni se verán las fotografías grandes.

De hecho, si has probado la página en Internet Explorer, verás que se muestra el siguiente aviso:

Tenemos que hacer clic sobre él para habilitar el contenido bloqueado, y mientras no lo hagamos no se muestra el menú.

También puedes comprobarlo deshabilitando JavaScript en Firefox (menú Herramientas → Opciones... → Contenido → Activar JavaScript). Si lo desactivas, recuerda volver a activarlo después siguiendo los mismos pasos.

Esto no tiene solución, tendríamos que prescindir de JavaScript. Lo que sí podemos hacer es mostrar un contenido alternativo a los usuarios con JavaScript deshabilitado.

Para hacerlo, podemos utilizar la etiqueta <noscript></noscript>. El contenido de esta etiqueta, sólo se mostrará cuando los scripts estén deshabilitados.

Aquí podemos poner enlaces alternativos, en nuestro ejemplo enlaces a las principlaes secciones, lo justo para poder navegar. Esta realmente sería la opción más adecuada, ya que con nuestro menú actual, los navegadores no podrán indexar correctamente nuestro sitio, y eso es fundalmental para una página web. Veremos más sobre este tema en la última unidad.

Por no complicarlo más, vamos a mostrar simplemente mostrar un aviso, indicando que nuestro sitio requiere JavaScript para poder navegar por él.

Por ejemplo, en nuestro sitio hemos puesto:

<script type="text/javascript">cargarMenu('index');</script>
<noscript>
 <div class="sinscript">Atenci&oacute;n: Necesitas habilitar JavaScript
                       para poder navegar por este sitio.</div>
</noscript>

Y hemos definido un estilo para div.sinscript. Hemos tenido que crear una clase, porque Internet Explorer no reconoce el selector noscript div.

 

Con los cambios realizados en esta unidad, nuestro sitio de ejemplo nos ha quedado así.

10.9. Para saber más...

Con estos enlaces puedes ver más cosas sobre JavaScript...

Selección de manuales en aulaClic.

Scripts de JavaScripts para usar en tu sitio.

Introducción a la manipulación del DOM (maestrosdelweb.com).

jQuery, librería JavaScript muy interesante.

Introducción a jQuery.

 

Ejercicio propuesto la Unidad 10

Prueba evaluativa de la Unidad 10