Printing only one area of a webpage ( a coupon)

10/04/2008, 01h16

Hello All

if you go here : http://www.michaelsondesign.com/dbmi/index.html you'll see a
coupon - a square with a dotted line. What I would like is a customer when they
print that that coupon is the only thing that prints

I would be open to putting a little print coupon button on the page

Thanks
Rob

10/04/2008, 01h27

you could use a print media stylesheet that hides all other content from the
printer.

that would mean people couldn't print the other things on the page if
wanted.

don't know if it's good code, but a google came up with this snip of
javascript in a discussion group-

http://splike.com/wiki/HTML_print_part_of_page

i think the person wanted to print just three different things, only one at
a time.

you could simplify that a lot since you only want to print one image. it's
maybe a starting point

--
Alan
Adobe Community Expert, dreamweaver

http://www.adobe.com/communities/experts/

10/04/2008, 01h41

Your entire page is a jpg image! To get the effect you want will require
cropping the coupon portion out of image and placing it onto a new, plain
vanilla, printer friendly page. Then add a print page button. See below for
code.

Code:

<input type="button" value="Print Page"
onClick="javascript:window.print();">

HTH,

--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com

"BOC_RUSH" <webforumsuser@macromedia.com> wrote in message
news:ftjm92$8o9$1@forums.macromedia.com...
> Hello All
>
> if you go here : http://www.michaelsondesign.com/dbmi/index.html you'll
see a
> coupon - a square with a dotted line. What I would like is a customer when
they
> print that that coupon is the only thing that prints
>
> I would be open to putting a little print coupon button on the page
>
> Thanks
> Rob
>
>

10/04/2008, 02h18

I know my entire page is a jpeg - I posted the image for everyone to see the
area I wanted to just print - my idea is to somehow CSS the image ( the coupon)
to be the only thing to print - but I may just rely on the button idea

10/04/2008, 02h51

if the "page" is one image and the coupon is in that image, what i suggested
will not work, because there are no other "things" to hide.

--
Alan
Adobe Community Expert, dreamweaver

http://www.adobe.com/communities/experts/

10/04/2008, 04h20

This is a way i have let users print pages. In the page with the content make
a link to a page with no stylesheet and just the coupon image (set the target
of the link to _blank). Then make the page with just the coupon on it and put
this code in the head and the call to the function in the body tag onload.

<script type="text/javascript" language="javascript">
function printScreen() {
window.print();
window.close();
}
</script>
</head>
<body onload="printScreen();">

10/04/2008, 04h28

awesome idea mike!

THANKS

10/04/2008, 05h18

> awesome idea mike!

it's not a fix.

--
Alan
Adobe Community Expert, dreamweaver

http://www.adobe.com/communities/experts/

10/04/2008, 01h16	#1
BOC_RUSH Messages: n/a Hébergeur:	Printing only one area of a webpage ( a coupon) Hello All if you go here : http://www.michaelsondesign.com/dbmi/index.html you'll see a coupon - a square with a dotted line. What I would like is a customer when they print that that coupon is the only thing that prints I would be open to putting a little print coupon button on the page Thanks Rob

10/04/2008, 01h27	#2
Alan Messages: n/a Hébergeur:	Re: Printing only one area of a webpage ( a coupon) you could use a print media stylesheet that hides all other content from the printer. that would mean people couldn't print the other things on the page if wanted. don't know if it's good code, but a google came up with this snip of javascript in a discussion group- http://splike.com/wiki/HTML_print_part_of_page i think the person wanted to print just three different things, only one at a time. you could simplify that a lot since you only want to print one image. it's maybe a starting point -- Alan Adobe Community Expert, dreamweaver http://www.adobe.com/communities/experts/

10/04/2008, 01h41	#3
Nancy O Messages: n/a Hébergeur:	Re: Printing only one area of a webpage ( a coupon) Your entire page is a jpg image! To get the effect you want will require cropping the coupon portion out of image and placing it onto a new, plain vanilla, printer friendly page. Then add a print page button. See below for code. Code: <input type="button" value="Print Page" onClick="javascript:window.print();"> HTH, --Nancy O. Alt-Web Design & Publishing www.alt-web.com "BOC_RUSH" <webforumsuser@macromedia.com> wrote in message news:ftjm92$8o9$1@forums.macromedia.com... > Hello All > > if you go here : http://www.michaelsondesign.com/dbmi/index.html you'll see a > coupon - a square with a dotted line. What I would like is a customer when they > print that that coupon is the only thing that prints > > I would be open to putting a little print coupon button on the page > > Thanks > Rob > >

10/04/2008, 02h18	#4
BOC_RUSH Messages: n/a Hébergeur:	Re: Printing only one area of a webpage ( a coupon) I know my entire page is a jpeg - I posted the image for everyone to see the area I wanted to just print - my idea is to somehow CSS the image ( the coupon) to be the only thing to print - but I may just rely on the button idea

10/04/2008, 02h51	#5
Alan Messages: n/a Hébergeur:	Re: Printing only one area of a webpage ( a coupon) if the "page" is one image and the coupon is in that image, what i suggested will not work, because there are no other "things" to hide. -- Alan Adobe Community Expert, dreamweaver http://www.adobe.com/communities/experts/

10/04/2008, 04h20	#6
MikeL7 Messages: n/a Hébergeur:	Re: Printing only one area of a webpage ( a coupon) This is a way i have let users print pages. In the page with the content make a link to a page with no stylesheet and just the coupon image (set the target of the link to _blank). Then make the page with just the coupon on it and put this code in the head and the call to the function in the body tag onload. <script type="text/javascript" language="javascript"> function printScreen() { window.print(); window.close(); } </script> </head> <body onload="printScreen();">

10/04/2008, 04h28	#7
BOC_RUSH Messages: n/a Hébergeur:	Re: Printing only one area of a webpage ( a coupon) awesome idea mike! THANKS

10/04/2008, 05h18	#8
Alan Messages: n/a Hébergeur:	Re: Printing only one area of a webpage ( a coupon) > awesome idea mike! it's not a fix. -- Alan Adobe Community Expert, dreamweaver http://www.adobe.com/communities/experts/

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email