Hide input text

**scripts.contact** · May 1 '07, 07:25 PM

Re: Hide input text

On May 1, 11:42 am, "C.W.Holema n II" <cwhii_google_s ...@yahoo.com>
wrote:

I what to hide an input element and the following text. I have the
selector for the input working and just need to grab the text following
it.

<input type="radio" name="numerator " value="0" checked="checke d"/

><span>0</span>

form>input[value="0"][name="denominat or"],form>input[value="0"]
[name="denominat or"]+span{
visibility:hidd en;
}

or:
<input type="radio" name="numerator " value="0" checked="checke d"/>

form>input:afte r {content:attr(v alue) }
form>input[value="0"][name="denominat or"],form>input[value="0"]
[name="denominat or"]:after{
visibility:hidd en;content:""
}

**Jukka K. Korpela** · May 1 '07, 08:15 PM

Re: Hide input text

Scripsit C.W.Holeman II:

I what to hide an input element and the following text.

What?

I have the selector for the input working

No you don't. It contains several constructs not supported by IE 6, which is
still the most common browser.

and just need to grab the text following it.

Wrap the text inside an element and develop a suitable selector.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

That's pointless.

You don't comply with the XHTML 1.0 specification, or any HTML
specification. There's an invented 'whole' attribute in <body>, and the
required 'action' attribute is missing from the <formtag,

<input type="radio" name="numerator " value="0" checked="checke d"/>0
<input type="radio" name="numerator " value="1"/>1
<input type="radio" name="numerator " value="2"/>2
<input type="radio" name="numerator " value="3"/>3

You should wrap interrelated radio buttons inside a <fieldsetelemen t, and
you should associate labels with fields in markup, e.g.

<div class="dummy">< label><input type="radio" name="numerator " value="0"
checked="checke d"/>0</label></div>

Then you can simply use
..dummy { visibility: hidden; }

--
Jukka K. Korpela ("Yucca")

http://www.cs.tut.fi/~jkorpela/

**C.W.Holeman II** · May 2 '07, 03:25 PM

Re: Hide input text

Jukka K. Korpela wrote:

Scripsit C.W.Holeman II:
>

>I what to hide an input element and the following text.

>
What?

An introduction with specific details shown below it.

>I what to hide

visibility:hidd en;

>an input element

form>input[value="0"][name="denominat or"]

>and the following text.

<input type="radio" name="denominat or" value="0"/>0
<input type="radio" name="denominat or" value="1"/>

After the input element, the text following it, in this case the "0".

>

>I have the selector for the input working

>
No you don't. It contains several constructs not supported by IE 6,

I forgot to include:

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.3)
Gecko/20070309 Firefox/2.0.0.3

Windows Internet Explorer Version: 7.0.5730.11

The example I created produced the effect I am asking about on both of
the above browsers: they displayed two rows of radio buttons with the
buttons and text aligned vertically and the "0" denominator button was
hidden but the "0" text was visible.

which is still the most common browser.

I am not near the point of considering how that will effect what I am
doing. What is now the "most common browser" may be different or
irrelevant by release time.

>and just need to grab the text following it.

>
Wrap the text inside an element and develop a suitable selector.

I am hoping to not have to add that. If there is some selector that
will work without adding something like a span I would prefer to
understand that method.

><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

>
That's pointless.

From http://www.w3.org/TR/xhtml1/ Section 3.1.1.

4. There must be a DOCTYPE declaration in the document prior to the
root element. The public identifier included in the DOCTYPE
declaration must reference one of the three DTDs found in DTDs using
the respective Formal Public Identifier. The system identifier may be
changed to reflect local system conventions.
>...
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt d">

You don't comply with the XHTML 1.0 specification, or any HTML
specification.

I created a fragment to make it as easy as possible for readers to
follow my question.

There's an invented 'whole' attribute in <body>,

I caught that in http://emle.sourceforge.net/emle020000/testf1.xsl
but missed it in the text of the posting.

and the required 'action' attribute is missing from the <formtag,

I created a fragment to make it as easy as possible for readers to
follow my question. The two browsers I tested the example on appeared to
not be effected by the simplification.

> <input type="radio" name="numerator " value="0" checked="checke d"/>0
> <input type="radio" name="numerator " value="1"/>1
> <input type="radio" name="numerator " value="2"/>2
> <input type="radio" name="numerator " value="3"/>3

>
You should wrap interrelated radio buttons inside a <fieldsetelemen t,
and you should associate labels with fields in markup, e.g.

The sample I am using is just a fragment. Thank you for the reference to
<fieldsetwhic h I did not know about. Is the <fieldsetelemen t some
how needed or related to the issue of hiding the "0"?

>
<div class="dummy">< label><input type="radio" name="numerator " value="0"
checked="checke d"/>0</label></div>
>
Then you can simply use
.dummy { visibility: hidden; }

Yes, that works. If that is the only solution I will use it but I would
like to not have to create an name like "dummy" to tie the XSL content
to the CSS file.

--
C.W.Holeman II | cwhii@Julian5Lo cals.com-5 http://JulianLocals.com/cwhii
To only a fraction of the human race does God give the privilege of
earning one's bread doing what one would have gladly pursued free, for
passion. I am very thankful. The Mythical Man-Month Epilogue/F.P.Brooks

**Jukka K. Korpela** · May 2 '07, 03:55 PM

Re: Hide input text

Scripsit C.W.Holeman II:

Jukka K. Korpela wrote:

>Scripsit C.W.Holeman II:
>>

>>I what to hide an input element and the following text.

>>
>What?

>
An introduction with specific details shown below it.

What I wondered wasn't so much the details or the meaning of "what", which
is probably "want", but rather _why_ you would do such things. I can make
some guesses, but the idea of hiding the dummy preselected alternative -
which is probably what you are trying to achieve - is questionable. When
it's hidden, a normal user has no way of restoring the setting to that
default, except by destroying the entire input data by using an eventual
destroy button (aka. "reset button").

>>I have the selector for the input working

>>
>No you don't. It contains several constructs not supported by IE 6,

>
I forgot to include:
>
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.3)
Gecko/20070309 Firefox/2.0.0.3
>
Windows Internet Explorer Version: 7.0.5730.11

No you didn't. You forgot to check the topic of this group, which is CSS
authoring for the World Wide Web. Your personal choice of browser(s) is
ridiculously unimportant in this context. (The "ridiculous ly" part comes
from listing down the browsers down to the build of a variant of a minor
version.)

>which is still the most common browser.

>
I am not near the point of considering how that will effect what I am
doing.

Perhaps not much if you are not authoring for the WWW, but why did you post
to this group then and even claiming that something works when it clearly
doesn't in the majority of cases on the WWW?

>Wrap the text inside an element and develop a suitable selector.

>
I am hoping to not have to add that.

That's wrong hope. You should use label markup anyway. When you add it, it
should be rather trivial to add the markup you need for styling.

>><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

>>
>That's pointless.

>
From http://www.w3.org/TR/xhtml1/ Section 3.1.1.

XHTML 1.0 is pointless on the WWW, and XHTML 1.0 Transitional even more so.
Besides, you are not actually complying with the DTD given, so what's the
point?

>You don't comply with the XHTML 1.0 specification, or any HTML
>specificatio n.

>
I created a fragment to make it as easy as possible for readers to
follow my question.

How would invalid markup help then?

And you should have posted a URL.

The sample I am using is just a fragment.

That's one of your problems. You threw just a fragment of your problem at
us, and one that isn't even a real extract from the real page. So you should
expect to get, at most, fragments of answers.

Thank you for the reference
to <fieldsetwhic h I did not know about.

It's a basic element in HTML 4.01 forms.

Is the <fieldsetelemen t
some how needed or related to the issue of hiding the "0"?

Maybe. Would that matter?

><div class="dummy">< label><input type="radio" name="numerator "
>value="0" checked="checke d"/>0</label></div>
>>
>Then you can simply use
>.dummy { visibility: hidden; }

>
Yes, that works. If that is the only solution I will use it

With the given incomplete information, it pretty much is.

but I
would like to not have to create an name like "dummy" to tie the XSL
content to the CSS file.

Well, make it "huuhaa" then.

--
Jukka K. Korpela ("Yucca")

http://www.cs.tut.fi/~jkorpela/

**C.W.Holeman II** · May 2 '07, 10:55 PM

Re: Hide input text

Jukka K. Korpela wrote:

Scripsit C.W.Holeman II:

>Jukka K. Korpela wrote:

>>Scripsit C.W.Holeman II:
>>>
>>>I what to hide an input element and the following text.

....

What I wondered wasn't so much the details or the meaning of "what",
which is probably "want", but rather _why_ you would do such things.

There are two rows of radio buttons which combine to specify the value
of a fraction. The bottom row is for the denominator. This should not
have a value of "0". I was displaying the "0" in order to have vertical
alignment of the buttons. I first tried just disabling the "0". This
provided the alignment but was a bit confusing for the user since it was
seen but was always disabled.

>>>I have the selector for the input working
>>>
>>No you don't. It contains several constructs not supported by IE 6,

>>
>I forgot to include:
>>
> Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.3)
> Gecko/20070309 Firefox/2.0.0.3
>>
> Windows Internet Explorer Version: 7.0.5730.11

>
No you didn't. You forgot to check the topic of this group,

http://css.nu/faq/ciwas-mFAQ.html:

Q: What kinds of posts are acceptable in this news group ?
>
A: Topics for this news group include:
>
* How to achieve a particular effect with style sheets

which is CSS authoring for the World Wide Web.

If my question is somehow in the wrong place I would appreciate
directions to a better forum if you know of one.

Your personal choice of browser(s) is
ridiculously unimportant in this context. (The "ridiculous ly" part comes
from listing down the browsers down to the build of a variant of a minor
version.)

The Firefox was just a cut and paste the IE reference was typed in with
the details as a habit which in many other contexts has been helpful.
Especially when asking for free help.

>I am not near the point of considering how that will effect what I am
>doing.

>
Perhaps not much if you are not authoring for the WWW, but why did you
post to this group then and even claiming that something works when it
clearly doesn't in the majority of cases on the WWW?

Because I am attempting to determine "how to achieve a particular effect
with style sheets" as listed in the FAQ of "What kinds of posts are
acceptable in this news group".

>>Wrap the text inside an element and develop a suitable selector.

>>
>I am hoping to not have to add that.

>
That's wrong hope. You should use label markup anyway. When you add it,
it should be rather trivial to add the markup you need for styling.

When I posted the question I was not aware of the label element. Using
a span with class to allow access to it seemed to be less than best.
That is why I posted the question.

>>><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
>>>
>>That's pointless.

>>
>From http://www.w3.org/TR/xhtml1/ Section 3.1.1.

>
XHTML 1.0 is pointless on the WWW, and XHTML 1.0 Transitional even more
so.

I have made a number of assumptions in order to start working with a
number of technologies that I am new to. I selected a question that I
was able to articulate. The replies from you and
scripts.contact @gmail.com have been helpful.

>I created a fragment to make it as easy as possible for readers to
>follow my question.

>
How would invalid markup help then?

I left out the "required 'action' attribute" of the <formwhich reduced
the size and allowed one to focus on the effect I was asking about.

And you should have posted a URL.

Do you mean like the ones in the original post of:

Hide input text

Hide input text

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment