En estos casos, es habitual que si la página web requiere JavaScript para su correcto funcionamiento, se incluya un mensaje de aviso al usuario indicándole que debería activar JavaScript para disfrutar completamente de la página.
El lenguaje HTML define la etiqueta <noscript> para mostrar un mensaje al usuario cuando su navegador no puede ejecutar JavaScript.
La etiqueta <noscript> se debe incluir en el interior de la etiqueta <body> (normalmente se incluye inmediatamente después de <body>).
Un ejemplo:
<noscript>
<p>Detectamos que su Javascript parece estar inhabilitado.</p>
<p>Usted debe tener Javascript habilitado en su explorador para utilizar la funcionalidad de está Web.</p>
<p>Si no sabe como habilitar su Javascript, ver este tutorial: <a href="http://loseasi.blogspot.com/2010/04/activar-javascript-en-internet-explorer.html" target="_blank">[ Activar JavaScript ]</a></p>
</noscript>
Si queremos podemos personalizar el mensaje, agregandole un diseño:
Poner justo arriba de ]]></b:skin>:
/* Noscript Notice */
.noscript { border:1px solid #000; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#323232; }
.noscript .noscript-inner { width:100%; margin:0 auto; padding:12px 0 12px; background:url(http://img387.imageshack.us/img387/7575/noticia.gif) 20px 50% no-repeat; }
.noscript p { margin:0; }
Y como el anterior ejemplo justo abajo de <body>:
<noscript>
<div class="noscript">
<div class="noscript-inner">
<p>Detectamos que su Javascript parece estar inhabilitado.</p>
<p>Usted debe tener Javascript habilitado en su explorador para utilizar la funcionalidad de está Web.</p>
<p>Si no sabe como habilitar su Javascript, ver este tutorial: <a href="http://loseasi.blogspot.com/2010/04/activar-javascript-en-internet-explorer.html" target="_blank">[ Activar JavaScript ]</a></p>
</div>
</div>
</noscript>
0 comments:
Post a Comment