[SOLUCIONADO] Reemplazar css

Oxidoz · #1 (**permalink**) 03/02/2015, 19:06

Tengo una pregunta a un problema que me surge i alguien con conocimientos en javascripts creo que le va a resultar facil

Quiero cambiar la direccion url del archivo .css

<link rel="stylesheet" type="text/css" href="http://asd/st.css">

I me imaginaba que con alguna linea javascripts podría ser posible desconozco que lo sea solo pienso eso porque se pueden editar los valores del archivo porque no reemplazarlo

Solo encontré esto pero no entiendo como cambiar la dirección del archivo de mas esta decir mis nulos conocimientos en javascripts

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <head>
    <title>Changing CSS extern file using only JavaScript</title>
    <link rel="stylesheet" type="text/css" href="positive.css"/>
    <script type="text/javascript">
      function changeCSS(cssFile, cssLinkIndex) {
 
        var oldlink = document.getElementsByTagName("link").item(cssLinkIndex);
 
        var newlink = document.createElement("link");
        newlink.setAttribute("rel", "stylesheet");
        newlink.setAttribute("type", "text/css");
        newlink.setAttribute("href", cssFile);
 
        document.getElementsByTagName("head").item(0).replaceChild(newlink, oldlink);
      }
    </script>
  </head>
  <body>
    <a href="#" onclick="changeCSS('positive.css', 0);">STYLE 1</a>
    <a href="#" onclick="changeCSS('negative.css', 0);">STYLE 2</a>
    <div class="box">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</div>
  </body>
</html>

Cualquier ayuda sera bienvenida así sea un simple no es posible me harían ganar tiempo ! Muchas gracias desde ya

Alexis88 · #2 (**permalink**) 04/02/2015, 10:33

La función recibe como primer parámetro la nueva dirección. Solo te queda asignar la dirección en cuestión en la llamada a la función y listo.

Saludos

Oxidoz · #3 (**permalink**) 04/02/2015, 13:48

Gracias por el tiempo alexis .. pero hace de cuenta que me hablaste en otro idioma para mi ignorancia sobre javascripts ..
Es por eso que no puedo entender ese codigo

Alexis88 · #4 (**permalink**) 04/02/2015, 13:57

En esta parte:

Código HTML:

Ver originalchangeCSS('negative.css', 0);

Ese 'negative.css' es la nueva ruta que asignarás para usar como hoja de estilos. Solo cámbiala por la ruta que deseas y listo.

Saludos

Oxidoz · #5 (**permalink**) 04/02/2015, 14:14

I como entiende que el positive.css es el que tiene que reemplazar eso solo ? disculpa que te joda tanto loco !

Ya entendi ! muchas gracias che ! me hiciste ganar un monton de tiempo de seguir buscando