Foros del Web » Creando para Internet » HTML »

etiqueta <noscript>

Estas en el tema de etiqueta <noscript> en el foro de HTML en Foros del Web. La etiqueta no script se usa para proveer contenido alternativo cuando los usuarios han desahabilitado los scripts en su browser. Esta es la deifinición que ...
  #1 (permalink)  
Antiguo 19/04/2013, 10:09
 
Fecha de Ingreso: mayo-2012
Ubicación: En la Tierra
Mensajes: 41
Antigüedad: 7 años, 5 meses
Puntos: 3
etiqueta <noscript>

La etiqueta no script se usa para proveer contenido alternativo cuando los usuarios han desahabilitado los scripts en su browser.

Esta es la deifinición que w3schools hace de la etiqueta noscript, mi duda es: ¿ esta etiqueta trabaja de la misma forma para celulares?.

Es decir, ¿que puedo hacer en los casos en que tengo contenido con jquery en mi pagina web, contenido que tengo entendido no se verá en celulares? ¿de que manera puedo mostrarlo en celulares, sin efectos, claro, simplemente que se muestre y no quede un hueco en blanco en la pagina? ¿me servirá la etiqueta noscript para este fin?

Salu2.
  #2 (permalink)  
Antiguo 19/04/2013, 10:43
Avatar de angelAparicio  
Fecha de Ingreso: julio-2009
Ubicación: Sevilla
Mensajes: 307
Antigüedad: 10 años, 4 meses
Puntos: 22
Respuesta: etiqueta <noscript>

Hola, es un tema complejo. Por ejemplo, en mi Samsumg Galaxy Ace, jQuery si funciona. Supongo que en celulares de gama alta, tipo iPhone el jQuery funcionará.

El problema en lo que planteas está en que la etiqueta noscript funcionará si está desactivado el javascript, pero podría darse el caso de que un dispositivo concreto tenga soporte básico para javascript, pero tenga problemas con jquery. Y esto es bastante difícil de controlar.

La recomendación siempre es diseñar en niveles, de abajo a arriba. Por ejemplo, supongamos que quieres hacer un "slider" de imágenes. Diseño en html:

Código HTML:
Ver original
  1. <ul class="slider">
  2.    <li><img id="image_1 src="image1.jpg alt="" /></li>
  3.    <li><img id="image_2 src="image2.jpg alt="" /></li>
  4.    <li><img id="image_3 src="image3.jpg alt="" /></li>
  5.    <li><img id="image_4 src="image4.jpg alt="" /></li>
  6. </ul>

Ahora, con css ocultamos la 2, 3 y 4. Un dispositivo básico sin javascript vería una imagen estática.

Ahora podrías hacer un javascript que fuese cambiando la imagen mostrada cada pocos segundos. Básico, simplemente cambiando el css. Un dispositivo más avanzado mostraría este efecto.

Y finalmente añades un jquery con el "slider" bonito. Desplazamiento, efectos, etc. Lo pones dentro del $(document).ready habitual. Desde deberías anular el código anterior (mediante unbind, por ejemplo)

- Un dispositivo con plenas capacidades mostraría el efecto jquery.
- Un dispositivo con capacidad intermedia ejecutaría el javascript básico. Al no ser compatible con jquery, fallaría en el $(document).ready.
- Un dispositivo si ninguna capacidad para javascript mostraría la primera imagen.

Más o menos esa sería la idea. De todas formas muchos móviles modernos si son capaces de ejecutar javascript también son capaces de ejecutar jquery. Aún así, la idea de plantear el diseño presuponiendo que el dispositivo no podrá ejecutar javascript siempre es una buena idea de base.
__________________
Mis webs:
- Programador Web Autónomo
- Conciertos en Sevilla

Etiquetas: etiqueta
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:10.