zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Barrierefreiheit
Seite neu laden Existenzrecht des Links "Druckversion" - bei vorhandem Druckstylesheet

Antwort
 
LinkBack Themen-Optionen Ansicht
  #21 (permalink)  
Alt 07.09.2010, 12:55
Benutzerbild von inta
free as in freedom
XHTMLforum-Kenner
 
Registriert seit: 04.12.2006
Ort: Berlin
Beiträge: 5.016
inta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz sein
Standard

Das geht schon mit relativ geringem Aufwand. Du könntest deine URL mit einem Parameter aufrufen, zum Beispiel mit http://example.com/?print und dann dein Stylesheet mit einer kleinen Abfrage einbinden:
PHP-Code:
<?php if ($_GET['print']) { ?>
    <link rel="stylesheet" type="text/css" href="/css/print.css" media="print" />
<?php } else { ?>
    <link rel="stylesheet" type="text/css" href="/css/main.css" media="screen" />
<?php ?>
Mit einer Rewrite-Regel könntest du die URL noch hübsch machen.
Mit Zitat antworten
Sponsored Links
  #22 (permalink)  
Alt 07.09.2010, 13:06
Benutzerbild von AndreasB
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.11.2005
Beiträge: 1.391
AndreasB wird schon bald berühmt werden
Standard

@inta

Erstmal Danke für Dein Beispiel.

Mehrere Stylesheets gibt es ja, wie erwähnt, nicht.

Medienspezifische Regeln sind via "@media" verwirklicht.
__________________

Mit Zitat antworten
Sponsored Links
  #23 (permalink)  
Alt 07.09.2010, 13:42
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von Andreas Borutta Beitrag anzeigen
Das würde ich für die Krücke in Kauf nehmen.

Ich vertrete auch einen nutzerorientierten Ansatz. Aber keinen, der beim Entgegenkommen keine Grenze kennt.
Aber die gibt es für Dich vermutlich auch.
Natürlich, ich muss ja nicht allen die Welt erklären

Wenn man aber von Benutzerfreundlichkeit spricht wie z.B. in diesem Thread zu letztlich ebenfalls nachgebildeten Browserfunktionen kommt so ein "Druck-" button oder eine vergleichbare Fuktionalität nicht schlecht an. Ich verwende derzeit den Javascript-Link (kein Aufwand)

Begründung: Wer JS ausschaltet, weiß was er tut und findet auch die ctrl+p Tasten, bzw. das Browsermenü. Der Rest hat JS angeschaltet und für den ist der Button gedacht.
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
  #24 (permalink)  
Alt 07.09.2010, 14:02
Benutzerbild von AndreasB
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.11.2005
Beiträge: 1.391
AndreasB wird schon bald berühmt werden
Standard

@andir
Mir ist eine Javascript-Lösung für das Anzeigen eines Links zugebenermaßen nicht geheuer.

Da ist doch zu befürchten, dass Nutzer, die mal, z.B. in der Uni auf einem öffentlichen Rechner, wo JS angeschaltet ist, den Link sehen und ein anderes Mal, auf einem anderen Rechner, wo JS ausgeschaltet ist, den Link vermissen und sich wundern.

Aber ruhig mal angenommen, eine JS-Lösung käme in Frage:
Soweit ich es verstehe, kann eine JS-Lösung nur ein separates Stylesheet aufrufen und nicht ein "Medium simulieren", richtig?
Dann scheidet JS eh aus, weil es nur ein einziges Stylesheet gibt und dort alle Druck-Stilregeln per "@media" eingebunden sind.
__________________

Mit Zitat antworten
  #25 (permalink)  
Alt 07.09.2010, 14:52
Benutzerbild von inta
free as in freedom
XHTMLforum-Kenner
 
Registriert seit: 04.12.2006
Ort: Berlin
Beiträge: 5.016
inta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz sein
Standard

Zitat:
Zitat von Andreas Borutta Beitrag anzeigen
Medienspezifische Regeln sind via "@media" verwirklicht.
Das halte ich für denkbar ungünstig, zumindest für den Druck würde ich ein separates Stylesheet anlegen. Wenn du das nicht möchtest, hast du ein Problem, denn dann lässt sich deine Druckvorschau nicht ohne erheblichen Aufwand realisieren.
Mit Zitat antworten
  #26 (permalink)  
Alt 07.09.2010, 15:13
Benutzerbild von AndreasB
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.11.2005
Beiträge: 1.391
AndreasB wird schon bald berühmt werden
Standard

Zitat:
Zitat von inta Beitrag anzeigen
[@media]Das halte ich für denkbar ungünstig, zumindest für den Druck würde ich ein separates Stylesheet anlegen.
Ich halte die Kaskadierung durch @media für ein hervorragendes Konzept.

Der Regelsatz für @media print kann so hübsch schlank bleiben. Die gesamte Wartung des CSS wird leichter, weil Regeln, die sowohl für screen als auch print gelten sollen "@media screen, print" in der Reihenfolge vor "@media print" stehen können.
__________________

Mit Zitat antworten
  #27 (permalink)  
Alt 07.09.2010, 20:06
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von Andreas Borutta Beitrag anzeigen
@andir
Mir ist eine Javascript-Lösung für das Anzeigen eines Links zugebenermaßen nicht geheuer.

Da ist doch zu befürchten, dass Nutzer, die mal, z.B. in der Uni auf einem öffentlichen Rechner, wo JS angeschaltet ist, den Link sehen und ein anderes Mal, auf einem anderen Rechner, wo JS ausgeschaltet ist, den Link vermissen und sich wundern.

Aber ruhig mal angenommen, eine JS-Lösung käme in Frage:
Soweit ich es verstehe, kann eine JS-Lösung nur ein separates Stylesheet aufrufen und nicht ein "Medium simulieren", richtig?
Dann scheidet JS eh aus, weil es nur ein einziges Stylesheet gibt und dort alle Druck-Stilregeln per "@media" eingebunden sind.
Schau mal hier:

HTML-Code:
<!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" xml:lang="de" lang="de">

<head>
    <title>Javascript at media</title>
<style type="text/css"><!--

#colors {
    background-color: #555;
    color: #fff;
    font-size: 2em;
}
p {
    height: 10em;
    background-color: #ad0;
    color:  black;
}
@media print {
#colors {
    background-color: transparent;
    color: black;
    font-size: 1em;
}

p {
    height: auto;
    background-color: transparent;
    color:  black;
}

}
 --></style>

</head>

<body>
<div id="colors">Javascript und @media in einem Stylesheet - der Test</div>
<p><a href="javascript:window.print()">Drück mich</a> dann druck ich!<br />Oder verwende das Druckmenü deines Browsers.</p>
</body>
</html>
Probiers aus!
Das mit angeschaltetem und ausgeschaltetem JS ist kein Problem, dass sich nicht mit noscript - Tags (irgendwie) lösen ließe.
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
  #28 (permalink)  
Alt 07.09.2010, 20:41
Benutzerbild von AndreasB
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.11.2005
Beiträge: 1.391
AndreasB wird schon bald berühmt werden
Standard

@andir Vielen Dank für das Beispiel Die Druckfunktion wird so problemlos aufgerufen. Ich vermute mal, dass es keinen Standardbefehl für Druckvorschau (siehe unten mein fiktives Beispiel) gibt, richtig? Du hast mich in
Zitat:
Soweit ich es verstehe, kann eine JS-Lösung nur ein separates Stylesheet aufrufen und nicht ein "Medium simulieren", richtig?
missverstanden. Der Link "Druckversion" ruft typischerweise eine Seite auf und zeigt so dem Anwender eine druckfreundliche Version. Der Link ruft nicht den Druckbefehl auf.

Auf zeit.de ist das IMHO gut gelöst (mal abgesehen vom unschönen URL und einigen Inhalten, die sicher niemand mitdrucken möchte).

Dort wird dem Leser nach dem Aufrufen des Links "Druckversion" ein Dialogfenster mit den Schaltflächen "Drucken" und "Abbrechen" gezeigt.

Beispiel:
Wikileaks: "Keine Regierung der Welt kann das stoppen" | Digital | ZEIT ONLINE

Besser wäre, wenn man sich denn überhaupt entschieden hat, den Nutzern entgegenzukommen, die die Druckvorschaubefehl ihres Browsers nicht suchen wollen, etwas wie:
HTML-Code:
<ul>
<li><a>...</a></li>
<script type="text/javascript">
/* <![CDATA[ */
document.write('<li><a href="javascript:window.print-preview()">Druckvorschau</a></li>')
/* ]]> */
</script>
<li><a>...</a></li>
</ul>
Edit: Wie ich gerade sehe, ist SCRIPT innerhalb von UL nicht erlaubt.

Ich habe bisher praktisch nie JS verwendet.
Kennt ihr für den skizzierten Fall einen "dezenten" (unobstrusive) Weg, den Listenpunkt mit dem Link für Leute mit angeschaltetem JS anzubieten - und nur für diese?
__________________


Geändert von AndreasB (09.09.2010 um 00:22 Uhr)
Mit Zitat antworten
  #29 (permalink)  
Alt 08.09.2010, 22:44
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Danke für den Link mit der Zeit.
Ich habe schon eine Idee wie man das mit vergleichsweise einfachen Mitteln nachbauen kann ( php vorausgesetzt).
Mal sehen
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
Sponsored Links
  #30 (permalink)  
Alt 09.09.2010, 15:01
Benutzerbild von Pascolo
Stiller Leser
XHTMLforum-Mitglied
 
Registriert seit: 24.11.2007
Ort: Cham
Beiträge: 640
Pascolo sorgt für eine eindrucksvolle AtmosphärePascolo sorgt für eine eindrucksvolle Atmosphäre
Standard

Dazu habe ich gerade folgendes gefunden:

A List Apart: Print to Preview
__________________
Mit freundlichen Grüssen "Pascolo"

Guter Webspace eSport Topliste Meine Lesezeichen Meine Spielwiese
Mit Zitat antworten
Sponsored Links
Antwort

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
FAQ -- Häufig gestellte Fragen und häufig gegebene Antworten mazzo CSS 10 05.04.2012 18:32
Prüfbericht BIENE 2005 Dieter Barrierefreiheit 44 14.02.2006 16:35
Zeilenüberlappung bei margin-top mit negativem Wert c.weber.os CSS 15 15.10.2005 16:11
Problem mit der grösse des Links jay CSS 8 24.10.2004 03:38
link breiter als der Text des links ? jay CSS 4 21.10.2004 18:54


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