javascript - don't print function.

[BliarOut]

Now I know it can be done, but I don't know where I saw it

Does anyone know how to use javascript to prevent an image/icon displaying when a page is printed through a browser?

I want to use the same page when I view/print it, but hide the icon that I use to call the onprint function. Google isn't my friend today

[Don]

I think the principle of the thing is something like this...


<DIV id=divvie name=divvie style="display: show">
your icon etc - whatever you want to hide.
</DIV>


function hideit()
{
divvie.style = "display: none";
}

[BliarOut]

I can see where that's going Don I think you've just made Google like me again

[robbieduncan]

Use some CSS not javascript.

If you use a media selector you can set display:none for printing only

@media print
{
#printbutton
{
display:none;
}
}

[BliarOut]

Sounds good... But needs a little more explanation for those of us that are hard of thinking

[robbieduncan]

Well assuming you have something like this:

<a href="javascriptrint();" id="printbutton">print</a>

Then just stick the above in the stylesheet. That's it.

[Don]

robbieduncan said:

Well assuming you have something like this: <a href="javascriptrint();" id="printbutton">print</a> Then just stick the above in the stylesheet. That's it.

Sneaky. Very good. CSS - always something new to learn...