don't want some object/text to print with page

abbylee26 · February 18th, 2004, 12:30 PM

I don't want some added instructional text to print with a form I need the user to sign. I found a script I thought I could modify for my needs, but the script does not work. Help...

<head>
<style type="text/css">
@media print { #DontPrint { display:none }}
</style>
</head>

<body>
  <input type="button" name="PrintIt" value="Print This">
  <p> </p>
  <input type="button" name="DontPrint" value="Should Not Print">
</body>

Imar · February 18th, 2004, 12:36 PM

Hi there,

The #DontPrint refers to the ID of an object on your page; not the name.

This should work:

Code:

<body>
  <input type="button" name="PrintIt" value="Print This">
  <p>&nbsp;</p>
  <input type="button" id="DontPrint" name="DontPrint" value="Should Not Print">
</body>

A more reusable approach is to create a custom class:

Code:

<style type="text/css">
 @media print { .DontPrint { display:none }}
</style>

Note that I changed the # to .

Now you can apply this class to multiple objects on the page:

Code:

<body>
  <input type="button" name="PrintIt" value="Print This">
  <p>&nbsp;</p>
  <input type="button" class="DontPrint" name="DontPrint" value="Should Not Print">
  <input type="button" class="DontPrint" name="DontPrint2" value="Doesn't Print Either">
</body>

HtH,

Imar

---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.

abbylee26 · February 18th, 2004, 12:43 PM

Thank You Imar ;)