Eliminar determinado CSS

Ootl · #1 (**permalink**) 02/02/2011, 21:24

Miren, lo que yo quiero es que si me pueden pasar un javascript que elimine el archivo CSS que yo indique de cualquier web, por ejemplo...

Foros del web tiene estos CSS:
http://static.forosdelweb.com/clientscript/fdwforumhome/headmenu.css?v=1
http://static.forosdelweb.com/clientscript/fdwforumhome/shared.css?v=2
http://www.forosdelweb.com/clientscript/vbulletin_important.css?v=384

Entonces lo que yo quiero es un javascript que me borre solamente uno (no todos, sino uno) de esos CSS (yo voy a indicar ese uno)...

Hasta ahora conseguí este javascript:

Código:

(function(){var i,x;for(i=0;x=document.styleSheets[i];++i)x.disabled=true;})();

Pero borra todos los CSS, yo solo quiero que borre solo lo que yo le indique...

goteen_mx · #2 (**permalink**) 02/02/2011, 21:50

Si tu sabes que estilos vas a quitar, que tal así

Código Javascript:

Ver original<html>
<head>
    <link rel="stylesheet" type="text/css" href="http://static.forosdelweb.com/clientscript/fdwforumhome/headmenu.css?v=1" />
    <link rel="stylesheet" type="text/css" href="http://static.forosdelweb.com/clientscript/fdwforumhome/shared.css?v=2" />
    <link rel="stylesheet" type="text/css" href="http://static.forosdelweb.com/clientscript/fdwforumhome/otroCss.css?v=2" />
    <script>
        var aQuitarCss = new Array();
        aQuitarCss[0]="http://static.forosdelweb.com/clientscript/fdwforumhome/headmenu.css?v=1";
        aQuitarCss[1]="http://static.forosdelweb.com/clientscript/fdwforumhome/otroCss.css?v=2";
        
        function getStyles(){
            for(var i=0;i<document.styleSheets.length;++i){
                for(var j=0;j<aQuitarCss.length;j++)
                    if(document.styleSheets[i].href==aQuitarCss[j]){
                        document.styleSheets[i].disabled=true;
                }
            }
            for(i=0;i<document.styleSheets.length;++i){
                alert(document.styleSheets[i].disabled);
            }
        }
    </script>
</head>
<body>
    <input type="button" value="getStyles" onclick="getStyles();" />
  </body>
</html>

Saludos.

Ootl · #3 (**permalink**) 02/02/2011, 22:17

Cita:

Iniciado por goteen_mx

Si tu sabes que estilos vas a quitar, que tal así

Código Javascript:

Ver original<html>
<head>
    <link rel="stylesheet" type="text/css" href="http://static.forosdelweb.com/clientscript/fdwforumhome/headmenu.css?v=1" />
    <link rel="stylesheet" type="text/css" href="http://static.forosdelweb.com/clientscript/fdwforumhome/shared.css?v=2" />
    <link rel="stylesheet" type="text/css" href="http://static.forosdelweb.com/clientscript/fdwforumhome/otroCss.css?v=2" />
    <script>
        var aQuitarCss = new Array();
        aQuitarCss[0]="http://static.forosdelweb.com/clientscript/fdwforumhome/headmenu.css?v=1";
        aQuitarCss[1]="http://static.forosdelweb.com/clientscript/fdwforumhome/otroCss.css?v=2";
        
        function getStyles(){
            for(var i=0;i<document.styleSheets.length;++i){
                for(var j=0;j<aQuitarCss.length;j++)
                    if(document.styleSheets[i].href==aQuitarCss[j]){
                        document.styleSheets[i].disabled=true;
                }
            }
            for(i=0;i<document.styleSheets.length;++i){
                alert(document.styleSheets[i].disabled);
            }
        }
    </script>
</head>
<body>
    <input type="button" value="getStyles" onclick="getStyles();" />
  </body>
</html>

Saludos.

Gracias por contestar, peor lo que yo buscaba era un script, que se haga automáticamente...

goteen_mx · #4 (**permalink**) 02/02/2011, 22:26

mandalo a llamar en el onload o a que te refieres con automático???????

Saludos

Ootl · #5 (**permalink**) 02/02/2011, 22:37

Cita:

Iniciado por goteen_mx

mandalo a llamar en el onload o a que te refieres con automático???????

Saludos

Claro, mirá, yo estoy haciendo una extensión para Google Chrome, entonces tengo el archivo .js en donde va a ir el script para que cada vez que entre a forosdelweb se borre el CSS...¿Se entiende?

zerokilled · #6 (**permalink**) 02/02/2011, 22:53

buenas...
de lo poco que recuerdo acerca de las extensiones de chrome, creo que en el archivo manifest.json tienes que indicar en que momento la aplicacion se tiene que ejecutar. la verdad no recuerdo porque hace un tiempo que deje de leer la documentacion. de todos modos, me pregunto si no te seria mas facil utilizar alguna extension existente que te permita personalizar el documento, por ejemplo Personalized Web. de hecho, es el que utilizo actualmente y con el puedes agregar o quitar elementos, aplicar nuevos estilos y script.

goteen_mx · #7 (**permalink**) 02/02/2011, 22:53

mmmmmmmm, sinceramente nunca he programado una extensión para Chrome,
tal vez si soporta jquery puedas ocupar la función ready, esta se ejecuta al cargar el documento, similar al evento onload

Código Javascript:

Ver original$(document).ready(function () {
     //función para quitar los css
});

Saludos.