Controlar si JavaScript está activo

alavaros · #1 (**permalink**) 24/06/2011, 04:41

Buenas, pues esa es la pregunta, ¿como controlo en mi página web (PHP) si JavaScript está activo o no? Uso JavaScript (Jquery, Ajax) para cargar algun slider y también para recargar un div, y si alguien lo tuviera desactivado, la página no se vería bien, me gustaría saber como controlar eso, para que en el caso de no tenerlo activo, mostrar otra página o algo así.

Saludos.

Aijoona · #2 (**permalink**) 24/06/2011, 08:39

Quien tiene JavaScript desactivado?

Related:

@chriscoyier

Cita:

document.write("<noscript>Wait. What?</noscript>");

InKarC · #3 (**permalink**) 24/06/2011, 11:18

Le coloca una clase al <BODY> y luego por Javascript la borra

Código HTML:

Ver original<body class="noJS">
<script>$("body").removeClass("noJS")</script>

Y luego ya queda muy facil controlar el aspecto de la pagina por el CSS

Código CSS:

Ver original.noJS #slider {
    display:none
}

caricatos · #4 (**permalink**) 24/06/2011, 19:14

Hola:

Primero deberías hacer la página "navegable" sin javascript, y luego, cuando sea navegable, cancelar los eventos de navegación para añadir tus scripts...

<a href="destino.php" onclick="enlazar_con_javascript(this.href); return false">...</a>

ese return false cancala ese enlace... pero si tu función (enlazar_can_javascript()) tiene errores se aborta el código, y no cancela,; así que de todas formas enlaza...

Saludos

zerokilled · #5 (**permalink**) 24/06/2011, 19:17

buenas,
lo adecuado seria que el sitio fuera funcional incluso sin la tecnica de XHR (aka. AJAX). es decir, los enlaces deberian apuntar a los documentos de forma normal justamente pare el caso que javascript no este disponible. luego con javascript aplicas las correcciones necesarias para hacerlo funcionar como deseas con XHR.

Cita:

Quien tiene JavaScript desactivado?

pues aunque te parezca raro, habemos quienes navegamos sin javascript. incluyendome!

Aijoona · #6 (**permalink**) 24/06/2011, 19:57

Entonces estás en mi lista de non-supported, junto a IE6/7 :p

Cita:

Iniciado por caricatos

Primero deberías hacer la página "navegable" sin javascript

Eso es circunstancial, no se puede pretender que toda aplicación/pagina web sea utilizable sin JS.

caricatos · #7 (**permalink**) 25/06/2011, 00:11

Cita:

Iniciado por Aijoona

...
Eso es circunstancial, no se puede pretender que toda aplicación/pagina web sea utilizable sin JS.

Debería ser siempre así. Todos tienen derecho a desactivar javascript, incluso hay navegadores para discapacitados que no lo soportan.

No puedo esperar que un invidente se entere de un efecto de transición, pero eso no quita que pueda tener acceso a todo el contenido de una web.

Además, vicios de malos diseñadores crean más problemas de lo que crees; por ejemplo, lanzar scripts que no son enlaces con el tag "a"... Si es la respuesta a un evento, debería usarse los manejadores de eventos, y si un contenido queremos mostrarlo en una ventana o una capa, también debería existir la opción de seleccionar nosotros mismos esa ventana (con el menú contextual)...

Saludos

InKarC · #8 (**permalink**) 25/06/2011, 00:37

Cita:

Debería ser siempre así. Todos tienen derecho a desactivar javascript, incluso hay navegadores para discapacitados que no lo soportan.

Eso es tan cierto como que todas las paginas deberían ser navegables sin imágenes ni CSS... lo cual no le resta importancia. Pero para empresas pequeñas los costes para crear un sistema el cual funcione perfectamente sin Javascript no vale los pocos beneficios que trae.

La cantidad de gente sin Javascript activado (afortunadamente) es de menos del 2% [0]

Aunque los links si deben estar en "href"; pero mas que todo para SEO (optimizacion para buscadores).

Cita:

pues aunque te parezca raro, habemos quienes navegamos sin javascript. incluyendome!

Un momento... usted desarrolla en Javascript pero no mira lo que hace la otra gente con el lenguaje? Eso es como ser un diseñador de autos que siempre anda en bicicleta y procura no conocer los modelos de la competencia.

----------------

Volviendo al tema original; si quiere redireccionar a la gente sin javascript este es el código necesario (va en el <head> claro esta):

Cita:

caricatos · #9 (**permalink**) 25/06/2011, 01:19

Hola:

Puede haber muchas razones para desactivar javascript durante sesiones. Yo normalmente lo tengo activado, pero me gusta probar la accesibilidad tanto de mis sitios como de terceros.
También hay páginas que terminan hartando, de tanto efecto "chorra"... y por eso mismo sé que hay quienes lo desactivan.

Por cierto, he leído por ahí que no es válido el "noscript" en el head...

Saludos

Aijoona · #10 (**permalink**) 25/06/2011, 07:26

Nadie hace publicidades en braile, ya que es un mercado insignificante. Pensar que todo sitio debería ser accesible a todo el público es demencial en la gran mayoría de los casos.

JavaScript está tomando un papel cada vez más importante, y guste o no el cuento del 'progressive-enhacement' no es algo aplicable/redituable en todas las situaciones.

La lógica es sencilla, si la relación esfuerzo/beneficio no cierra...

ZciroKoko4566 · #11 (**permalink**) 25/06/2011, 07:49

buenas... son nuevo en esto... como puedo publicar una pregunta en el foro???...

maycolalvarez · #12 (**permalink**) 25/06/2011, 08:15

Cita:

Iniciado por ZciroKoko4566

buenas... son nuevo en esto... como puedo publicar una pregunta en el foro???...

¿perdón?: acaso no ves el botón "Nuevo Tema" en los hilos de mensajes (foros) principales

_cronos2 · #13 (**permalink**) 25/06/2011, 14:22

Buenas noches, yo estoy de acuerdo con las dos opiniones. Es verdad que las páginas deberían ser accesibles con JS desactivado, pero también hay que dejar de maquetar con tablas, y no usar marquee, y un largo etcétera; y sin embargo aún hay gente que lo hace. Además, es innegable que JS se ha vuelto una parte fundamental de la web, y que lejos quedaron los días en que sólo se usaba para validar forms o crear pop-ups, así que no tiene sentido seguir "coartando" su expansión.
Supongo que toda esta cuestión se reduce a saber usarlo en su justa medida. Hay cosas para las que queramos o no necesitamos JS, pero lo de crear las páginas casi enteramente con él se les reserva a los grandes, como Hotmail o Google.
Esa es mi modesta opinión.
Saludos (:

Aijoona · #14 (**permalink**) 25/06/2011, 14:43

Yo he hecho frontends de aplicaciones de gestión enteramente en JS y no trabajo para una empresa grande. Y considero que fue en la justa medida (100%).

Hay sitios que no tienen razón de ser sin el dinamismo que le aporta JS, y eso es imposible de replicarlo solo con HTML.

Es más factible encontrar un usuario sin Flash que uno sin JS y no por ello se dejan de hacer sitios en flash.

alavaros · #15 (**permalink**) 27/06/2011, 01:26

El caso es que yo en mi menu si enlazo bien (creo), a cada enlace hay un <a href="sitio.php">, luego con jquery, con la funcion e.prevenDefault(); hago que no vaya a la pagina, para q la cargue en un div, pero si alguien lo desactiva, iria a la página, pero sitio.php no es una página completa, solo tiene divs y demás...¿como hago para cargar toda una página controlando si tiene javascript?, algo parecido a:

Código PHP:

Ver original<?php
if (javascript_noactivo){
echo '<html>'
echo '<head>'
....
}
?>

para así cargar el menú también.

Saludos.

caricatos · #16 (**permalink**) 27/06/2011, 07:33

Hola:

Las páginas navegables, sí o sí deben ser completas (con sus encabezados, titles, metas...), luego puedes hacer la petición con otro parámetro para omitir esos encabezados y demás...

<a href="destino.php" onclick="enlazar_con_ajax('destino.php?con_ajax')" >...</a>

Luego en destino.php...

Código:

if (!empty($_GET["con_ajax"])) echo <<< encabezados

<doctype...
<html>...
...etc...

encabezados;
// aquí la respuesta sin ajax...y no nos olvidemos los pies (bigfoods)

Saludos

alavaros · #17 (**permalink**) 28/06/2011, 01:09

Cita:

Iniciado por caricatos

Hola:

Las páginas navegables, sí o sí deben ser completas (con sus encabezados, titles, metas...), luego puedes hacer la petición con otro parámetro para omitir esos encabezados y demás...

<a href="destino.php" onclick="enlazar_con_ajax('destino.php?con_ajax')" >...</a>

Luego en destino.php...

Código:

if (!empty($_GET["con_ajax"])) echo <<< encabezados

<doctype...
<html>...
...etc...

encabezados;
// aquí la respuesta sin ajax...y no nos olvidemos los pies (bigfoods)

Saludos

oooooooki, así lo haré, muchas gracias por vuestra ayuda.

Saludos.