Strg + P

[party]

strg + p bewirkt ja das drucken einer Webseite.

Da hierbei ja auch außer dem Content auch Navigation etc mitgedruckt wird und ich nicht eine extra Verlinkung auf eine "Druckversion" oder ein pdf einbinden möchte, die Frage ob man bei Strg + p auf eine Seite "indexdruck.html" (nofollow/nodinex um DC zu vermeiden) weiterleiten kann und diese sofort ausgedruckt wird?

Also strg + p druckt statt index.html eine indexdruck.html aus, geht sowas überhaupt und dann geht es per php oder javascript und wie?

[Nokes]

Wäre eventuell über JavaScript lösbar. Ich empfehle jedoch den Einsatz von CSS.
Einfach ein paar Zeilen einfügen mit entsprechenden Anweisungen:

Code: Alles auswählen

@media print {
    /* id oder klassen */
    #navigation, #footer{ display: none; } 
}

[nerd]

Hallo webseitenausdrucker,

Umleiten fuer print ist unsinn, und verursacht mehr probleme als es loest.
Wenn du eine liste der urls ausdrucken willst, dann geht das mit css:

Code: Alles auswählen

@media print {
   article a {
      font-weight: bolder;
      text-decoration: none;
   }

   article a[href^=http]:after {
      content&#58;" <" attr&#40;href&#41; "> ";
   &#125;
&#125;

https://www.smashingmagazine.com/2013/0 ... le-sheets/
https://www.webdesignerdepot.com/2010/0 ... le-sheets/

[party]

Mit css klappt es wegen responsive nicht richtig. Eine Idee für php oder js?

[nerd]

Mit css klappt es wegen responsive nicht richtig. Eine Idee für php oder js?

Hab ich was verpasst? Seit wann wird denn das A4-format beim ausdrucken responsive?!
Mit

Code: Alles auswählen

@media print { ...}

legst du ja gerade fest wie sich sein layout beim drucken verhalten soll und ist voellig unabhaengig von anderen device groessen und deren responsive design.

normalerweise organisiere ich mir meine css so, damit ich nicht den ueberblick verliere und sich die css regeln nicht ueberschneiden:

style.less (nur eine liste mit includes:)
+variables.less (farben, fonts, globale klassen definitionen)
+global.less (normales layout was auf allen devices angewendet wird)
+mobile.less (layout fuer ausschliesslich mobiles)
+tablet.less (nur tablets)
+desktop.less (nur desktops)
+print.less

Wenn du das problem mit js oder php loesen willst, dann hast du wohl weder css noch responsive design richtig verstanden.