Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #35796 > unrolled thread

Control invisible but value shown?

Back to article view | Back to comp.lang.javascript

Contents

  Control invisible but value shown? Dr J R Stockton <J.R.Stockton@physics.org> - 2018-10-30 16:35 -0700
    Re: Control invisible but value shown? Gloops <gloops@zailes.invalid.org.invalid> - 2018-10-31 00:55 +0100
      Re: Control invisible but value shown? "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2018-10-31 10:08 +0100
        Re: Control invisible but value shown? Dr J R Stockton <J.R.Stockton@physics.org> - 2018-10-31 10:23 -0700

#35796 — Control invisible but value shown?

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.             |

[toc] | [next] | [standalone]

#35797

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

[toc] | [prev] | [next] | [standalone]

#35798

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)

[toc] | [prev] | [next] | [standalone]

#35800

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.             |

[toc] | [prev] | [standalone]

Back to top | Article view | comp.lang.javascript

csiph-web