Deus Figendi: Linkergebnis mit print.css formatieren?

Beitrag lesen

apsel und Cheatah haben dich schon darauf hingewiesen, dass man das prima mit serverseitiger Technik lösen kann.
Ich hab' jetzt noch 'ne clientseitige Lösung gebaut:

<!DOCTYPE html>  
<html>  
 <head>  
  <title>Druckvorschau-Test</title>  
 <link id="screen_css" rel="stylesheet" type="text/css" href="screensheet.css" media="screen" />  
 <link id="print_css" rel="stylesheet" type="text/css" href="printsheet.css" media="print" />  
 <script type="text/javascript">[code lang=javascript]  
  function druckvorschau () {  
   document.getElementById('screen_css').setAttribute("media","none");  
   document.getElementById('print_css').setAttribute("media","all");  
  }  
  function browseransicht () {  
   document.getElementById('screen_css').setAttribute("media","screen");  
   document.getElementById('print_css').setAttribute("media","print");  
  }

</script>
 </head>
 <body>
  <div>
   <input class="noprint" type="button" value="Druckvorschau" onclick="druckvorschau();" />
   <span class="noscreen" onclick="browseransicht();">[X]</span>
  </div>
  <p>Absatz</p>
 </body>
</html>
[/code]

screensheet.css

p {  
 background-color:#f00;  
}  
p:before {  
 content:"screen ";  
}  
.noscreen {  
 display:none;  
}

printsheet.css

p {  
 background-color:#0f0;  
}  
p:before {  
 content:"print ";  
}  
.noprint {  
 display:none;  
}

Getestet in:
Opera 9.80    Presto 2.6.30  funktioniert
Firefox 3.6.8 Gecko 20100722 funktioniert
K-Meleon 1.02 Gecko 20060917 funktioniert nicht.
Iron 5.0.382  WebKit ??????? funktioniert
(konnte nicht die Info finde welche WebKit-Version da läuft)
Funktioniert also in allen relevanten Browsern/Engines, andere hab ich nicht getestet.

--
sh:( fo:| ch:? rl:( br:& n4:& ie:{ mo:} va:) de:µ_de:] zu:) fl:( ss:| ls:[ js:(