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:(