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:
Duh! Tienes razon, ademas es era “display:block” no “box”.
Corregido, gracias.
bárbaro, muy útil como simpre, gracias! :)