Screen Size - Resolution - Mystery Print Preview

[SJ]

Hi All,

I am trying to write a preview page that will show a red box around
the portion of the screen that would print on a normal 8.5x11 paper.

The problem is setting the width of the div based on the different
resolutions. Does anyone know a formal that will provide the number
of pixels per inch based on the resolution.

Something like:

Div width = resoultion_ration * num_of_inches.

Any ideason how to do this or ant example web pages?

Thanks in advance for your help!

-SJ

[Randy Webb]

SJ said the following on 7/26/2007 4:39 PM:

Hi All,

I am trying to write a preview page that will show a red box around
the portion of the screen that would print on a normal 8.5x11 paper.

Print Preview in IE does that for me.

The problem is setting the width of the div based on the different
resolutions. Does anyone know a formal that will provide the number
of pixels per inch based on the resolution.

It isn't that simple. You would have to know the size of my monitor as
well. 1024 x 768 resolution is physically a different size on my laptop
(17") and my desktop (22"). And you have no way, with JS, of determining
my monitor size.

--
Randy
Chance Favors The Prepared Mind
comp.lang.javascript FAQ - http://jibbering.com/faq/index.html
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

[David Mark]

On Jul 26, 4:39 pm, SJ <[e-mail]:

Hi All,

I am trying to write a preview page that will show a red box around
the portion of the screen that would print on a normal 8.5x11 paper.

The problem is setting the width of the div based on the different
resolutions. Does anyone know a formal that will provide the number
of pixels per inch based on the resolution.

Something like:

Div width = resoultion_ration * num_of_inches.

Any ideason how to do this or ant example web pages?

Leave print preview to the browsers. Trying to simulate it in JS is
impossible.

[SJ]

On Jul 26, 4:50 pm, David Mark <[e-mail]:

On Jul 26, 4:39 pm, SJ <[e-mail]:Hi All,

I am trying to write a preview page that will show a red box around
the portion of the screen that would print on a normal 8.5x11 paper.

The problem is setting the width of the div based on the different
resolutions. Does anyone know a formal that will provide the number
of pixels per inch based on the resolution.

Something like:

Div width = resoultion_ration * num_of_inches.

Any ideason how to do this or ant example web pages?

Leave print preview to the browsers. Trying to simulate it in JS is
impossible.

thanks for the responses!