sábado, 10 de septiembre de 2011

Mostrar aviso si Javascript no activo

Es habitual que en las páginas web se incluyan widgets realizados en Javascript, a veces están directamente en el código de la web y otras mediante archivos que contienen el código.

Estos widgets cumplen distintas funciones que a veces le interesa al webmaster (por ejemplo un Contador de visitas, Estadísticas, ...) y otras veces son incluidas para atraer la atención o mejorar la interacción con el visitante (por ejemplo un Traductor, Slide de imágenes, Publicidad, ...).

Son muchos los casos en los que los internautas desactivan/bloquean el Javascript de su navegador (por ejemplo para evitar que se abran automáticamente decenas de ventanas con publicidad no deseada). Es por esto que las webs deberían al menos avisar de algún modo al internauta que debe activar el Javascript.

Este es el código que yo utilizo (creado por mi) para avisar cuando el navegador no tiene activo JavaScript:


<noscript>
<p style="font-weight:bold; font-style:italic;color:red">Aviso</p>
<p>Para visualizar correctamente el contenido de esta web, necesitas tener activado <span style="font-weight:bold; font-style:italic;">JavaScript</span>.</p>
<p>Para más información sobre como activar JavaScript en su navegador, visita <a href="https://www.google.com/adsense/support/bin/answer.py?hl=es&answer=12654">esta página</a>.
<p style="font-weight:bold; font-style:italic;color:red">Warning</p>
<p>To properly view the content of this website, you need <span style="font-weight:bold; font-style:italic;">JavaScript</span> enabled.</p>
<p>For more information on how to enable JavaScript in your browser, visit <a href="https://www.google.com/adsense/support/bin/answer.py?hl=en&answer=12654">this page</a>.</p>
</noscript>

Si quieres ver como funciona, solo tienes que desactivarlo, recargar la página y ver el mensaje en la parte superior derecha.