zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden CSS-Eigenschaft für bestimmtes Ausgabemedium ändern

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 21.08.2012, 09:32
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 09.10.2010
Beiträge: 154
MitjaStachowiak befindet sich auf einem aufstrebenden Ast
Standard CSS-Eigenschaft für bestimmtes Ausgabemedium ändern

Hallo,
wie ihr sicher wisst, gibt es die möglichkeit, CSS-Eigenschaften nur für bestimmte Ausgabemedien zu setzen:
Code:
<STYLE type="text/css">
 @media print {
  body { color : black; }
 }
 @media screen {
  body { color : red; }
 }
</STYLE>
Dies würde die Seite mit roter Schrift zeigen, aber mit schwarzer Schrift drucken.

Aber wie kann man mit Javascript eine CSS-Eigenschaft nur für ein Ausgabemedium ändern?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 22.08.2012, 09:55
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 09.10.2010
Beiträge: 154
MitjaStachowiak befindet sich auf einem aufstrebenden Ast
Standard

Folgender Code funktioniert in Opera, Firefox und Konqueror:
HTML-Code:
<HTML>
 <HEAD>
  <STYLE id="TheStyle" type="text/css">
   @media print {
    body { color : black; }
   }
   @media screen {
    body { color : red; }
   }
  </STYLE>
 </HEAD>
 <BODY>
  Text text text text text text text<BR>
  <A href="javascript: ChangeStyle()">Change</A>
  <SCRIPT type="text/javascript">
   function ChangeStyle () {
    document.getElementById('TheStyle').innerHTML =
       '   @media print {\n'
     + '    body { color : blue; }\n'
     + '   }\n'
     + '   @media screen {\n'
     + '    body { color : green; }\n'
     + '   }';
   }
  </SCRIPT>
 </BODY>
</HTML>
Chrome und Safari habe ich nicht getestet - nur der Internet Explorer will nicht.
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
@media, ausgabemedium, css, eigenschaft, javascript

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
CSS Validator WC3 Fehlermeldung: Broder-Radius stephsteph CSS 2 17.05.2010 21:36
2 CSS Files -> 1 CSS File Habi CSS 7 17.02.2010 15:25
MYspace mehr als nur CSS oder ? Vinceone CSS 0 12.07.2007 02:21
Eric Meyer's CSS Petty Ressourcen 0 21.11.2005 08:18
Mozilla ignoriert externes css DarkWanderer CSS 9 22.09.2005 11:39


Alle Zeitangaben in WEZ +2. Es ist jetzt 08:08 Uhr.