El credo del maquero
Mambo 5 estará desarrollado sobre CakePHP

Ajusta tu CSS a los usuarios con Javascript activado

19 Jul 2007

Tip rapido para ofrecer diferente CSS a los que tienen javascript activado usando jquery. Basta con incluir en un script la siguiente linea:


$(document).ready(function(){  $("body").addClass("js");  } );

Con eso añadimos una clase js al elemento body y ya así, solo hace falta utilizar la propiedad de cascada del CSS para definir reglas que solo veran los que tengan jalando el javascript.



/* supongamos que #slider contiene un control que solo sirve si tenemos js activado, que necesidad de mostrarlo a quienes no, asi que lo desactivamos por default */

#slider{
  display:none;
}

/* ahora lo mostramos para  quienes tengan activado js*/

.js #slider{
  display:block;
}

Es una cosa muy simple, pero es un inicio para hacer cosas mas interesantes.

Por sosa en No body cares,

3 comentarios

Te olvidaste de algo en el css, debería ser algo así:

body.js #slider{

display:box;
}

Saludos!

Ignatius

@Ignatius:

Duh! Tienes razon, ademas es era “display:block” no “box”.

Corregido, gracias.

sosa

bárbaro, muy útil como simpre, gracias! :)

IgnacioMarcos

Contribuye a la discusión