Adobe Dreamweaver
Adobe Dreamweaver

link to File/Pagesetup

By the inclusion of the following tag I can go directly to the print routine

<a href="#" onClick="window.self.print(); return false;">Print</a>

Is it possible to go to File > Page Setup instead?

I tried <a href="#" onClick="window.self.setup(); return false;">Print</a>
and
<a href="#" onClick="window.self.pagesetup(); return false;">Print</a>

without success.

Any ideas please?

johnhardyAsked: 2006-11-13

Who is Participating?

LVL 25

RouchieCommented: 2006-11-13

No it is not possible unfortunately, and is a very commonly asked question. If you were hoping to open the Page Setup window because the current design doesn't print very well, then the recommended approach is to use a second print-based style sheet to automatically make the page print differently to how it displays on screen.

This is one of the most popular articles on the internet that provides more of an insight: http://www.alistapart.com/stories/goingtoprint/

johnhardyAuthor Commented: 2006-11-13

Thanks I will have a good ;look through that, looks very interesting.

I just wanted to allow a quick change of headers and footers.

LVL 70

Jason C. LevineNo oneCommented: 2006-11-13

Hi John,

>> I just wanted to allow a quick change of headers and footers.

Definitely follow Rouchie's advice and use a secondary stylesheet for print view. You can either embed a second call to a print only stylesheet:

<link href="../printstyle.css" rel="stylesheet" type="text/css" media="print">

or you can add a print definition to your existing stylesheet:

@media screen {

your styles

}

@media print {

your styles

}

I personally recommend using the latter solution. It keeps your list of files more organized and if an element is supposed to look the same on screen and printed, you just place it outside of the @media calls and it becomes a global style. When you edit pages in DW, use the View | Style Rendering to flip between the renders and edit the appropriate CSS blocks.

johnhardyAuthor Commented: 2006-11-13

Thanks,

I will come back to this soon

John

LVL 25

RouchieCommented: 2006-11-13

Good follow-up Jason. Not entirely sure why I didn't engage brain to provide an example...! 8-|

LVL 70

Jason C. LevineNo oneCommented: 2006-11-14

Rouchie,

No worries. You've done that enough times to me when I provide an answer that needs clarification :)

johnhardyAuthor Commented: 2006-11-15

Thanks very much for the help.

I am getting there OK gradually.

I didnt understand Jasons @media screen answer and dont have the time right now to persue this.

Anyway Thanks again John

LVL 25

RouchieCommented: 2006-11-15

Although I don't use this approach, I believe this means

@media screen {
h1 {font-size:20pt; color:#ff0000;}
}

@media print {
h1 {font-size:12pt; color:#0000ff;}
}

that the above code will print H1 headers in blue, but display them in red on the screen, with different font sizes too. It allows you to specify BOTH sets of appearances in the same style sheet.

My approach is to create 2 stylesheets, one for screen and one for print. They each contain the same style names but with different formatting for each. I link both sheets in as follows (again borrowing from Jason's answer)...

<link href="../printstyle.css" rel="stylesheet" type="text/css" media="print" />
<link href="../screen.css" rel="stylesheet" type="text/css" media="screen" />

LVL 70

Jason C. LevineNo oneCommented: 2006-11-15

John,

Rouchie explains my answer correctly.

There isn't a whole lot of difference between the two solutions. I just prefer to have one file instead of two (or three, if I'm also designing for a handheld) whenever possible.

Thanks for the assist.

J