Una forma fácil de tener una versión sin javascript de nuestro sitio

Una forma fácil de tener una versión sin javascript de nuestro sitio

Fecha: 18-Mar-2014 | Autor: .
Guardado en: Javascript & jQuery

Bueno, luego de un largo parate con el blog, hoy quiero re-tomarlo (casi se podría decir que re-inaugurarlo) con un post que explique cómo tener una versión sin javascript de nuestro sitio web con un pequeñísimo código de un par de líneas, y poder así controlar vía CSS estilos del sitio y mostrar una versión simplificada o con algún efecto más sencillo de CSS.

Si bien lo más común es que la mayoría de los visitantes de nuestro sitio naveguen con JavaScript activado, puede que haya una porción de ellos que no lo utilicen, y en casos donde la presentación de la página depende de ello, o se hace un uso abundante de funcionalidades JS sería interesante poder tenerlo diferenciado, y quizá cambiar algunos elementos o la forma en qué se presentan a través de CSS.

Para ello, incluimos al final del <head></head> de nuestra página, el siguiente script:


¿Por qué este anuncio?
1
2
3
4
<script type="text/javascript">
	var body = document.getElementsByTagName('body')[0]
	body.className = body.className.replace('nojs', 'sijs');
</script>

Y le incluimos la class “nojs” por defecto:

<body class="nojs">

Al cargar el sitio, teniendo JS activado, el propio script se encargará de cambiar la clase a sijs (el estado normal del sitio con JS activado), y tenemos luego la opción de agregar estilos particulares para body.nojs{} y demás elementos contenidos dentro, para cuando el usuario tiene Javascript desactivado.


Si te gustó, comparte:
Y si fue de ayuda, puedes comprarme un café:
...ó la cena si quieres! ;)

Etiquetado como: , , ,


Gravatar

Marcelo


Desarrollador web, trabajando desde Montevideo, Uruguay para todo el mundo. Me especializo en Diseño web, Maquetación HTML5 & CSS3, jQuery y Programación PHP & MySQL, e intento aprender un poco más cada día.

Deja tu opinión