Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Westi on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Printing a layer 2
- Thread starter Glasgow
- Start date
-
1
- #2
- Thread starter
- #3
Thanks. Ideally I'd have liked the user to have had the option to print the entire page or just the layer. Perhaps I was just hoping for too much! I had come across the media attribute in thread215-642736 which is discussing a different problem that happens to be in the context of layers but this is presumably the sort of solution you are suggesting.
Since you have a print button, you could actually do it. Make two print stylesheets, default and custom (for printing just the div) and put it on the page like this:
Then make two stylesheets:
defaultprint.css should have everything on
divprint.css should look like:
Of course your div (layer) would have to have id of myDiv in this case.
In your print button, add:
Something like that should work.
Code:
<link rel="stylesheet" type="text/css" href="defaultprint.css" id="printingCSS" media="print" />defaultprint.css should have everything on
divprint.css should look like:
Code:
* {
display: none;
}
div#myDiv {
display: block;
}In your print button, add:
Code:
document.getElementById('printingCSS').href = 'divprint.css';
document.print();
document.getElementById('printingCSS').href = 'defaultprint.css';-
1
- #5
This is a very quick and dirty way
Hope this helps.
Glen
Code:
<html><head>
<style media="print">
.noPrint {display:none;}
</style>
</head>
<div class = "print"> this will be your print layer</div>
<div class = "noprint">this layer won't print <a href = # onClick="window.print()">
this could be a button</a></div>
<body>
</html>Glen
- Thread starter
- #6
- Status
Similar threads
- Locked
- Question
- Locked
- Question
- Locked
- Question