CSS per JavaScript verändern

Re(5): CSS per JavaScript verändern

jobnavigator — Sun, 06 May 2007 09:12:55 GMT

So gehts ...



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title></title>
<style type="text/css">
.t14blue  { font-size: 14pt; font-family: Arial, Verdana, sans-serif; color:blue; }
</style>
</head>
<body>


<p class="t14blue">Hallo</p>


</body>
</html>

Re(5): CSS per JavaScript verändern

jobnavigator — Sun, 06 May 2007 09:12:55 GMT

So gehts ...

http://www.jobnavigator.at/test/css2.htm

Wie kann man code hier posten mit Javascript? Jedes mal das gleiche Problem.

Re(5): CSS per JavaScript verändern

jobnavigator — Sun, 06 May 2007 09:12:55 GMT

So gehts ...

http://www.jobnavigator.at/test/css2.htm

Wie kann man code hier posten mit Javascript? Jedes mal das gleiche Problem.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title></title>
<style type="text/css">
.t14blue  { font-size: 14pt; font-family: Arial, Verdana, sans-serif; color:blue; }
</style>
</head>
<body>
<p class="t14blue">Hallo</p>
    alert("jetzt ist es "+document.styleSheets[0].cssRules[0].style.color);
    document.styleSheets[0].cssRules[0].style.color = "red";
    alert("jetzt ist es "+document.styleSheets[0].cssRules[0].style.color);
    document.writeln('<p class="t14blue">Hallo</p>');
</body>
</html>

Re(5): CSS per JavaScript verändern

jobnavigator — Sun, 06 May 2007 09:12:55 GMT

So gehts ...

http://www.jobnavigator.at/test/css2.htm

Wie kann man code hier posten mit Javascript? Jedes mal das gleiche Problem.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title></title>
<style type="text/css">
.t14blue  { font-size: 14pt; font-family: Arial, Verdana, sans-serif; color:blue; }
</style>
</head>
<body>
<p class="t14blue">Hallo</p>
[JAVASCRIPT]
    alert("jetzt ist es "+document.styleSheets[0].cssRules[0].style.color);
    document.styleSheets[0].cssRules[0].style.color = "red";
    alert("jetzt ist es "+document.styleSheets[0].cssRules[0].style.color);
    document.writeln('<p class="t14blue">Hallo</p>');
[/JAVASCRIPT]
</body>
</html>

Re(5): CSS per JavaScript verändern

jobnavigator — Sun, 06 May 2007 09:12:55 GMT

So gehts ...

http://www.jobnavigator.at/test/css2.htm

Wie kann man code hier posten mit Javascript? Jedes mal das gleiche Problem.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<body>

Hallo

    alert("jetzt ist es "+document.styleSheets[0].cssRules[0].style.color);

    document.styleSheets[0].cssRules[0].style.color = "red";

    alert("jetzt ist es "+document.styleSheets[0].cssRules[0].style.color);

    document.writeln('

Hallo

');

</body>
</html>

Re(4): CSS per JavaScript verändern

_E_r_I_c_H_ — Sun, 06 May 2007 08:59:54 GMT

thx

hmm, funktioniert trotzdem nicht

    var farbeStatt            = new Object();
        farbeStatt['#F1F1F1'] = '#F78673';
        farbeStatt['#DFE6F0'] = '#EF5942';
        farbeStatt['#AABBCC'] = 'white';
        farbeStatt['#005096'] = '#39BA42';
        farbeStatt['#001060'] = '#007D08';
        farbeStatt['#576579'] = '#D6AE00';

    var styleSheet;
    var cssClass;
    var cssClassStyle;
    var backgroundColorNow;
    var backgroundColorNew;
    var x = 0;
    var y = 0;
    var z = 0;
    
    for (x = 0;document.styleSheets[0];x++)
    {
      styleSheet = document.styleSheets[x];
      if (styleSheet == null) { break; }
      
      for (y = 0;;y++)
      {
        cssClass = styleSheet.cssRules[y];
        if (cssClass == null) { break; }
        
        cssClassStyle = cssClass.style;
        if (cssClassStyle == null) { break; }
        
        backgroundColorNow = cssClassStyle.getPropertyValue('backgroundColor');
        backgroundColorNew = farbeStatt[backgroundColorNow];
        
        if (backgroundColorNew != undefined)
          cssClassStyle.setProperty('backgroundColor', backgroundColorNew, null);
      }
    }

Re(3): CSS per JavaScript verändern

jobnavigator — Sat, 05 May 2007 20:09:39 GMT

Also so ...



document.styleSheets["css1"].cssRules[1].style.setProperty('color','green',null);

Re(3): CSS per JavaScript verändern

jobnavigator — Sat, 05 May 2007 20:09:39 GMT

Also so ...



document.styleSheets["css1"].cssRules[1].style.setProperty('color','green',null);

http://developer.mozilla.org/en/docs/DOM:stylesheet.cssRules

Das habe ich noch gefunden :
IE :


var oStyleSheet=document.styleSheets[0];
var oRule=oStyleSheet.rules[0];
oRule.style.backgroundColor="#0000FF";

Re(3): CSS per JavaScript verändern

jobnavigator — Sat, 05 May 2007 20:09:39 GMT

Also so ...



document.styleSheets["css1"].cssRules[1].style.setProperty('color','green',null);

http://developer.mozilla.org/en/docs/DOM:stylesheet.cssRules

Re(2): CSS per JavaScript verändern

_E_r_I_c_H_ — Sat, 05 May 2007 19:57:16 GMT

nicht so ganz, ich hab so was in Richtung

document.getCssClassesByName('asdf').backgroundColor = 'black';

gemeint

Re: CSS per JavaScript verändern

jobnavigator — Sat, 05 May 2007 19:40:50 GMT

Also wenn ich das so richtig verstanden habe :


<html>
<head>
<title></title>
<link id="css1" rel="stylesheet" href="css_windows.css">
</head>
<body> 

</body>
</html>

Re: CSS per JavaScript verändern

jobnavigator — Sat, 05 May 2007 19:40:50 GMT

Also wenn ich das so richtig verstanden habe :


document.getElementById('css1').href = "css_linux.css";

Re: CSS per JavaScript verändern

jobnavigator — Sat, 05 May 2007 19:40:50 GMT

Also wenn ich das so richtig verstanden habe :


.
.
<link id="css1" rel="stylesheet" href="css_windows.css">
.
.
document.getElementById('css1').href = "css_linux.css";

Re: CSS per JavaScript verändern

jobnavigator — Sat, 05 May 2007 19:40:50 GMT

Also wenn ich das so richtig verstanden habe :

<html>

<body>

</body>
</html>

CSS per JavaScript verändern

_E_r_I_c_H_ — Sat, 05 May 2007 08:50:44 GMT

wie kann man ein CSS File einer Webseite mit JavaScript verändern, brauche es für ein Greasemonkey Script

thx für eure Hilfe