ckroon
Posts: 869
|
| Posted: 08/21/2008, 10:26 PM |
|
Hi all.. I have an image as a background on a page that I want to show on the page when printed.. but the table headers and rows block the image from showing thru.. is there a way to have the header and row bg color be transparent?
_________________
Walter Kempees...you are dearly missed. |
 |
 |
wkempees
Posts: 1679
|
| Posted: 08/22/2008, 3:37 AM |
|
Did you use a standard CCS style, if so which one?
You want this watermark on the printed version, for the whole page?
Walter
_________________
Origin: NL, T:GMT+1 (Forumtime +9)
CCS3/4.01.006 PhP, MySQL .Net/InMotion(Vista/XP, XAMPP)
if you liked this info PAYPAL me: http://donate.consultair.eu
|
|
|
|
ckroon
Posts: 869
|
| Posted: 08/22/2008, 8:13 AM |
|
I the " Basic" style and yes I want it on the whole page as a background
I tried "No Style" which worked well.. but there are no grid lines.. so I need something in between.. just the grid lines and no table bg colors.
_________________
Walter Kempees...you are dearly missed. |
|
|
|
wkempees
Posts: 1679
|
| Posted: 08/22/2008, 12:11 PM |
|
Few more:
Is this a CCS4 Report, or just a page with some grid on it?
If the latter, how did you implement 'print version'?
Any param on the URL?
Walter
_________________
Origin: NL, T:GMT+1 (Forumtime +9)
CCS3/4.01.006 PhP, MySQL .Net/InMotion(Vista/XP, XAMPP)
if you liked this info PAYPAL me: http://donate.consultair.eu
|
|
|
|
ckroon
Posts: 869
|
| Posted: 08/22/2008, 1:40 PM |
|
It is a page with several CCS4 reports on it. One param in the url.
_________________
Walter Kempees...you are dearly missed. |
|
|
|
wkempees
Posts: 1679
|
| Posted: 08/22/2008, 2:32 PM |
|
OK, so you have Report(s) on the page.
There is a standard CCS4 print link.
While not in print view you want the default representation.
When in printmode, you want the watermark to show thorugh.
What size is the watermark (width x height).
Walter
_________________
Origin: NL, T:GMT+1 (Forumtime +9)
CCS3/4.01.006 PhP, MySQL .Net/InMotion(Vista/XP, XAMPP)
if you liked this info PAYPAL me: http://donate.consultair.eu
|
|
|
|
ckroon
Posts: 869
|
| Posted: 08/22/2008, 2:55 PM |
|
No print link
Just report grids in a table
Watermark is 350 by 350.. need it centered in the exact middle of the page
_________________
Walter Kempees...you are dearly missed. |
|
|
|
wkempees
Posts: 1679
|
| Posted: 08/23/2008, 10:42 AM |
|
Okay, solved.
http://www.consultair.eu/downloads/post_99831.jpg
Suppose your watermark image is called "watermark.jpg"
in directory "images" (as viewed from within project explorer)
and you have made sure that on target (publishing) server, the named image is in the named directory.
The following code will give you a fixed watermark image, fixed meaning that if you (in browser) scroll up or down, right or left, the watermark will always be dead center.
The code snippet shows you the <body> tag to indicate where to place it, the <body> is already in your code, you do not need it twice!
<body>
<script language="JavaScript1.2">
/*
Watermark Backgound Image Script- © Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more DHTML scripts, and TOS,
visit dynamicdrive.com
*/
if (document.all||document.getElementById)
document.body.style.background="url('images/watermark.jpg') white center no-repeat fixed"
</script>
(copyright notice is there)
You can use any other method but this is one I found and made work.
Next we need to make the grid, record, report or whatever is on the page a little transparent in order for the watermark to be visible.
We do not want to change the style_doctype.css because we do not want the next change to appear globaly in our generated site, we want it for this page only.
Change the <body> tag to look like this:
<body style="filter: alpha(opacity=60); opacity:0.60; -moz-opacity:0.60; -khtml-opacity:0.60;">
The value 60 in it's various forms can be varied.
Have fun.
Walter
working final form:
<body style="filter: alpha(opacity=60); opacity:0.60; -moz-opacity:0.60; -khtml-opacity:0.60;">
<script language="JavaScript1.2">
/*
Watermark Backgound Image Script- © Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more DHTML scripts, and TOS,
visit dynamicdrive.com
*/
if (document.all||document.getElementById)
document.body.style.background="url('images/watermark.jpg') white center no-repeat fixed"
</script>
_________________
Origin: NL, T:GMT+1 (Forumtime +9)
CCS3/4.01.006 PhP, MySQL .Net/InMotion(Vista/XP, XAMPP)
if you liked this info PAYPAL me: http://donate.consultair.eu
|
|
|
|
ckroon
Posts: 869
|
| Posted: 08/23/2008, 1:45 PM |
|
Thanks Walter! 
_________________
Walter Kempees...you are dearly missed. |
|
|
|
wkempees
Posts: 1679
|
| Posted: 08/23/2008, 4:09 PM |
|
You're welcome!
Thanks for donating.
Walter
_________________
Origin: NL, T:GMT+1 (Forumtime +9)
CCS3/4.01.006 PhP, MySQL .Net/InMotion(Vista/XP, XAMPP)
if you liked this info PAYPAL me: http://donate.consultair.eu
|
|
|
|
|
