From Newsgroup: comp.lang.javascript

Is it possible to style an element so that its data always shows but its skeleton does not print?

A page shows on-screen a TEXTAREA with text inside and an added red border, but I want the printout to show only the value part of the element, not the native edge and slider (skeleton) of the TEXTAREA (and not the red border).

I eliminate the red border from the printout by creating it transparent in the HTML and using an "@media screen red" class in the CSS.

If the skeleton can be made invisible for a TEXTAREA I would hope that it can be done likewise with other elements such as INPUT and OUTPUT ...
--
(c) John Stockton, near London, UK. Using Google Groups. |
Mail: J.R.""""""""@physics.org - or as Reply-To, if any. |
--- Synchronet 3.20a-Linux NewsLink 1.114

From Newsgroup: comp.lang.javascript

On Tue, 30 Oct 2018 16:35:06 -0700 (PDT), Dr J R Stockton wrote :

Is it possible to style an element so that its data always shows but its skeleton does not print?

A page shows on-screen a TEXTAREA with text inside and an added red border, but I want the printout to show only the value part of the element, not the native edge and slider (skeleton) of the TEXTAREA (and not the red border).

I eliminate the red border from the printout by creating it transparent in the HTML and using an "@media screen red" class in the CSS.

If the skeleton can be made invisible for a TEXTAREA I would hope that it can be done likewise with other elements such as INPUT and OUTPUT ...

Hello,

Well, you want to print it with no border ?

<style>
input{
border:none;
}
</style>

Of course you put that in @media print




--- Synchronet 3.20a-Linux NewsLink 1.114

From Newsgroup: comp.lang.javascript

Gloops <gloops@zailes.invalid.org.invalid> wrote on 31 Oct 2018 in comp.lang.javascript:

On Tue, 30 Oct 2018 16:35:06 -0700 (PDT), Dr J R Stockton wrote :

Is it possible to style an element so that its data always shows but
its skeleton does not print?

A page shows on-screen a TEXTAREA with text inside and an added red
border, but I want the printout to show only the value part of the
element, not the native edge and slider (skeleton) of the TEXTAREA (and
not the red border).

I eliminate the red border from the printout by creating it transparent
in the HTML and using an "@media screen red" class in the CSS.

If the skeleton can be made invisible for a TEXTAREA I would hope that
it can be done likewise with other elements such as INPUT and OUTPUT
...

Hello,

Well, you want to print it with no border ?

<style>
input{
border:none;
}
</style>

Of course you put that in @media print

That could change the layout a bit,
better make it transparent:

@media print {
textarea {border-color:transparent;}
}
--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)
--- Synchronet 3.20a-Linux NewsLink 1.114

From Newsgroup: comp.lang.javascript

On Wednesday, October 31, 2018 at 9:08:42 AM UTC, Evertjan. wrote:

That could change the layout a bit,
better make it transparent:

@media print {
textarea {border-color:transparent;}
}

Thanks; that does it. I never thought that the line round a TEXTAREA would be a border, and I never noticed that the original line vanished when I specified a different border.
Also I never noticed, or had forgotten, that, for a TEXTAREA, the slider+thumb and the dotty bit in the bottom right are unprintable.
I had dealt with the matter by superimposing a PRE element with display:none on the TEXTAREA, and then copying the TEXTAREA content to the PRE, with adjustments, changing which element was displayed for printing - but I didn't get perfect alignment.
I will need to carefully conceal the code which does that.
However, I now am wondering what the grey line that appeared in Print Preview was, and whether it will vanish with a transparent BORDER property. As I recall, the TEXTAREA itself is already transparent, because its content **must** overlay a task-dependent image.
There should be (but probably is not?) a variation of transparent where the colour of each bit shown is the XOR of the upper and lower colours ... .
--
(c) John Stockton, near London, UK. Using Google Groups. |
Mail: J.R.""""""""@physics.org - or as Reply-To, if any. |
--- Synchronet 3.20a-Linux NewsLink 1.114