JavaScript - HIDE/DISPLAY text boxes

**kaeli** · Jul 23 '05, 02:40 PM

Re: JavaScript - HIDE/DISPLAY text boxes

In article <591ac515.04101 30935.7276b63@p osting.google.c om>, dmiller23462
@yahoo.com enlightened us with...[color=blue]
> Hi guys....I have absolutely NO IDEA what I'm doing with Javascript
> but my end result is I need two text boxes to stay hidden until a
> particular option is selected....I'v e cobbled together the JavaScript
> in this code from a couple different sites but I'm not 100% sure what
> each line is doing...This is the ASP code that I'm using for the
> page....Take a look at the JavaScript code and please let me know what
> each line is doing....I have been successful in hiding the two text
> boxes in question ('ccnumber' and 'expdate') but can't display them
> now....
>[/color]

ASP has no place in the this group. It just takes up space. :)

What matters is the client-side javascript.
The best thing to do in this case is to view the sourc ein your browser and
post it. That way, we see what the browser sees. Since the browser never sees
ASP, it is completely OT here.

That said...
[color=blue]
> Response.Write "<p><font size='1'>Gift Card Redemption form is to be
> used when a customer reports a Gift Card as lost or "
> Response.Write " stolen, an order for a new Gift Card was lost in
> transit, or the customer requests the balance on a "[/color]

You're overcomplicatin g your life. ;)

You can backslash escape newlines so you don't have to keep writing
Response.Write over and over and over...

Response.Write "yada yada yada " \
"more yada yada yada " \
"the end."

Well, at least I can in normal VB. Try it.
[color=blue]
> Response.Write "gift card to be refunded by check.</font></p>"
> Response.Write "<form method='POST' action='Gift_Ca rd_Redemption.a sp'
> name='gcredeem' onSubmit='valid ate()'>"[/color]

onSubmit = "return validate()"
There's no point to validation in onSubmit unless you do something based on
the return value, really. I assume validate returns true or false...I haven't
gotten that far into the code yet.
[color=blue]
> Response.Write " <div align='left'>"
> Response.Write "<table border='0' cellpadding='0' width='666'>"[/color]

Have you discovered CSS yet?
[color=blue]
>
> <script type='javascrip t'>[/color]
type="text/javascript"
[color=blue]
>
> //RETURNS THE STYLE OBJECT
> function getStyle(name){
> if (document.getEl ementById){retu rn
> document.getEle mentById(name). style;}
> else if (document.all){ return document.all[name].style;}
> else if (document.layer s){return document.layers[name];}[/color]

You supporting netscape 4?
If not, drop the layers.

You should also provide something to do in the case NONE is true.
[color=blue]
> }
>
> //HANDLES THE CHANGE IN SELECT BOX
> function checkInput(valu e){
> if (value=='credit '){show('ccnumb er', 'expdate')}
> else {hide('cc', 'exp')}[/color]

Why is it that the show and the hide have different things in the quotes?
My guess is that your javascript problem is right here.
[color=blue]
> <tr>
> <td width='153' valign='top'><s pan id='exp' style="display: none;">
> Expiration Date</td>
> <td width='503'><sp an id='expdate' style="display: none;">
> <input type='text' name='expdate' id='exp' size="20"></span>
> </span></span>
>
> <%
> Response.Write "<td width='503'>&nb sp;"
>[/color]

Again a chain of Response.Write statements that don't need to be here.
It makes the code harder to read.
There's nothing in this block that prevents it from being pure html code. No
need for ASP here at all.
[color=blue]
>
> On Error Resume Next[/color]

EWWWWW.

Don't you have .net or something?
Try/catch is a beautiful thing.

Anyway, if you want further help, post a testable HTML page - not ASP. I
don't have ASP here. I can't run it. I can't do anything with it but look at
it and make fun of you. Copy and paste the source from the browser and we'll
see what we can do. :)
(Just kidding about making fun, now, don't get all offended or anything.
*LOL*)

HTH
--
--
~kaeli~
Synonym: the word you use in place of a word you can't
spell.

http://www.ipwebdesign.net/wildAtHeart

http://www.ipwebdesign.net/kaelisSpace

**dmiller23462** · Jul 23 '05, 02:42 PM

Re: JavaScript - HIDE/DISPLAY text boxes

My deepest apologies for posting ASP code.... :-) The only section of
my form that is in HTML is the following fields....As I mentioned
before, the JavaScript is a copy-n-paste from a couple sites....The
only problem is that I haven't been able to figure out exactly what
each line of the script accomplishes... ..The bottom line is that when
the option "Credit to CC" is selected (via the HTML select), I want to
allow the user to input the CC information ('ccnumber' and 'expdate'
HTML text fields) but if the previous two options are chosen
('Replacement GC' or 'Check Refund') then I don't want these two
fields displayed.....H elp?!?!?

****START****
<tr><td width='153' valign='top'>So lution :</td><td width='503'>

<script type='javascrip t'>

//RETURNS THE STYLE OBJECT
function getStyle(name){
if (document.getEl ementById){retu rn
document.getEle mentById(name). style;}
else if (document.all){ return document.all[name].style;}
else if (document.layer s){return document.layers[name];}
}

//HANDLES THE CHANGE IN SELECT BOX
function checkInput(valu e){
if (value=='credit '){show('ccnumb er', 'expdate')}
else {hide('cc', 'exp')}
// else return;
}

//CHANGES THE DISPLAY PROPERTY OF ELEMENT 'ID' TO BLOCK
function show(id){
var styleObj=getSty le(id);
styleObj.displa y='block';
}

//CHANGES THE DISPLAY PROPERTY OF ELEMENT 'ID' TO NONE
function hide(id){
var styleObj=getSty le(id);
styleObj.displa y='none';
}
</script>

<select name='solution' size='1' value=''
onchange='check Input(value)'>
<option value='none'>Ch oose From List</option>
<option value='replace' >Replacement GC</option>
<option value='check'>C heck Refund</option>
<option value='credit'> Credit to Credit Card</option>
</select>

<br>
<tr>
<td width='153' valign='top'><s pan id='cc' style="display: none;">
Credit Card Number</td>
<td width='503'><sp an id='ccnumber' style="display: none;">
<textarea cols='25' rows='1'></textarea>
</span>
<br>
<tr>
<td width='153' valign='top'><s pan id='exp' style="display: none;">
Expiration Date</td>
<td width='503'><sp an id='expdate' style="display: none;">
<input type='text' name='expdate' id='exp'></span> </span></span>

<td width='503'>&nb sp;<tr><td width='153' valign='top'>&n bsp;</td><td
width='503'>&nb sp;</td></tr><tr><td width='153' valign='top'>&n bsp;
</td><td width='503'><in put type='submit' value='Send Message'
name='Send'></td></tr></table></div><input type='hidden' name='mode'
value='Send'>
</form><p><a href='../default.asp'>Re turn to End User Consumer
Service</a></p></td>
</tr>
</table>
*****END****
kaeli <tiny_one@NOSPA M.comcast.net> wrote in message news:<MPG.1bd73 0262ab3fe7a98a1 c9@nntp.lucent. com>...[color=blue]
> In article <591ac515.04101 30935.7276b63@p osting.google.c om>, dmiller23462
> @yahoo.com enlightened us with...[color=green]
> > Hi guys....I have absolutely NO IDEA what I'm doing with Javascript
> > but my end result is I need two text boxes to stay hidden until a
> > particular option is selected....I'v e cobbled together the JavaScript
> > in this code from a couple different sites but I'm not 100% sure what
> > each line is doing...This is the ASP code that I'm using for the
> > page....Take a look at the JavaScript code and please let me know what
> > each line is doing....I have been successful in hiding the two text
> > boxes in question ('ccnumber' and 'expdate') but can't display them
> > now....
> >[/color]
>
> ASP has no place in the this group. It just takes up space. :)
>
> What matters is the client-side javascript.
> The best thing to do in this case is to view the sourc ein your browser and
> post it. That way, we see what the browser sees. Since the browser never sees
> ASP, it is completely OT here.
>
> That said...
>[color=green]
> > Response.Write "<p><font size='1'>Gift Card Redemption form is to be
> > used when a customer reports a Gift Card as lost or "
> > Response.Write " stolen, an order for a new Gift Card was lost in
> > transit, or the customer requests the balance on a "[/color]
>
> You're overcomplicatin g your life. ;)
>
> You can backslash escape newlines so you don't have to keep writing
> Response.Write over and over and over...
>
> Response.Write "yada yada yada " \
> "more yada yada yada " \
> "the end."
>
> Well, at least I can in normal VB. Try it.
>[color=green]
> > Response.Write "gift card to be refunded by check.</font></p>"
> > Response.Write "<form method='POST' action='Gift_Ca rd_Redemption.a sp'
> > name='gcredeem' onSubmit='valid ate()'>"[/color]
>
> onSubmit = "return validate()"
> There's no point to validation in onSubmit unless you do something based on
> the return value, really. I assume validate returns true or false...I haven't
> gotten that far into the code yet.
>[color=green]
> > Response.Write " <div align='left'>"
> > Response.Write "<table border='0' cellpadding='0' width='666'>"[/color]
>
> Have you discovered CSS yet?
>[color=green]
> >
> > <script type='javascrip t'>[/color]
> type="text/javascript"
>[color=green]
> >
> > //RETURNS THE STYLE OBJECT
> > function getStyle(name){
> > if (document.getEl ementById){retu rn
> > document.getEle mentById(name). style;}
> > else if (document.all){ return document.all[name].style;}
> > else if (document.layer s){return document.layers[name];}[/color]
>
> You supporting netscape 4?
> If not, drop the layers.
>
> You should also provide something to do in the case NONE is true.
>[color=green]
> > }
> >
> > //HANDLES THE CHANGE IN SELECT BOX
> > function checkInput(valu e){
> > if (value=='credit '){show('ccnumb er', 'expdate')}
> > else {hide('cc', 'exp')}[/color]
>
> Why is it that the show and the hide have different things in the quotes?
> My guess is that your javascript problem is right here.
>[color=green]
> > <tr>
> > <td width='153' valign='top'><s pan id='exp' style="display: none;">
> > Expiration Date</td>
> > <td width='503'><sp an id='expdate' style="display: none;">
> > <input type='text' name='expdate' id='exp' size="20"></span>
> > </span></span>
> >
> > <%
> > Response.Write "<td width='503'>&nb sp;"
> >[/color]
>
> Again a chain of Response.Write statements that don't need to be here.
> It makes the code harder to read.
> There's nothing in this block that prevents it from being pure html code. No
> need for ASP here at all.
>[color=green]
> >
> > On Error Resume Next[/color]
>
> EWWWWW.
>
> Don't you have .net or something?
> Try/catch is a beautiful thing.
>
> Anyway, if you want further help, post a testable HTML page - not ASP. I
> don't have ASP here. I can't run it. I can't do anything with it but look at
> it and make fun of you. Copy and paste the source from the browser and we'll
> see what we can do. :)
> (Just kidding about making fun, now, don't get all offended or anything.
> *LOL*)
>
> HTH
> --[/color]

**kaeli** · Jul 23 '05, 02:42 PM

Re: JavaScript - HIDE/DISPLAY text boxes

In article <591ac515.04101 50411.69de5e77@ posting.google. com>, dmiller23462
@yahoo.com enlightened us with...[color=blue]
> My deepest apologies for posting ASP code.... :-) The only section of
> my form that is in HTML is the following fields....As I mentioned
> before, the JavaScript is a copy-n-paste from a couple sites....The
> only problem is that I haven't been able to figure out exactly what
> each line of the script accomplishes... ..The bottom line is that when
> the option "Credit to CC" is selected (via the HTML select), I want to
> allow the user to input the CC information ('ccnumber' and 'expdate'
> HTML text fields) but if the previous two options are chosen
> ('Replacement GC' or 'Check Refund') then I don't want these two
> fields displayed.....H elp?!?!?
>[/color]

Okay, for starters, if you copied and pasted, you've got invalid HTML. TD's
require </td> and TRs require </TR>. You also overcomplicated the heck out of
this. ;)
You also used IE-only syntax for the call to the function and were calling
show and hide with two arguments when they only take one. You had the names
of the elements all mucked up.

Here's my solution, tested in IE6, Opera 7.23, Netscape 7, and Firefox 1.0.
For some reason, IE sucks ass on this one and doesn't support table-row for
style, so we had to do a tiny workaround. See code.

Check this out and apply it as you like to your code. Watch for word-wrap.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>

<script type='text/javascript'>
//RETURNS THE STYLE OBJECT
function getStyle(name)
{
var s=null;
if (document.getEl ementById)
{
s = document.getEle mentById(name). style;
}
else if (document.all)
{
s = document.all[name].style;
}
else if (document.layer s)
{
s = document.layers[name];
}
return s;
}

//HANDLES THE CHANGE IN SELECT BOX
function checkInput(valu e)
{
if (value=='credit ')
{
show('cc_number ');
show('expdate') ;
}
else
{
hide('cc_number ');
hide('expdate') ;
}
}

//CHANGES THE DISPLAY PROPERTY OF ELEMENT 'ID' TO BLOCK
function show(id)
{
var styleObj=getSty le(id);
/* IE doesn't support table-row, but not using table-row mucks up
Mozilla/Netscape/Opera, so...*sigh*, we have to do this to work around it.
table-row is CSS-2 or something. */
if ((document.getE lementById && !document.all) || window.opera)
styleObj.displa y='table-row';
else
styleObj.displa y='inline';
}

//CHANGES THE DISPLAY PROPERTY OF ELEMENT 'ID' TO NONE
function hide(id)
{
var styleObj=getSty le(id);
styleObj.displa y='none';
}
</script>
</head>

<body>
<form name="f1">
<table border='1'>
<tbody>
<tr>

<td width='153' valign='top'>So lution:</td>
<td width='503'>
<select name='solution' onchange='check Input(this.opti ons
[this.selectedIn dex].value)'>
<option value='none' selected>Choose From List</option>
<option value='replace' >Replacement GC</option>
<option value='check'>C heck Refund</option>
<option value='credit'> Credit to Credit Card</option>
</select>
</td>
</tr>
<tr id="cc_number" style="display: none">

<td width='153' valign='top'>Cr edit Card Number</td>
<td width='503'><te xtarea cols='25' rows='1' name='cc'></textarea></td>
</tr>
<tr id="expdate" style="display: none">

<td width='153' valign='top'> Expiration Date</td>
<td width='503'><in put type='text' name='exp'></td>
</tr>
<tr>
<td width='153' valign='top'>&n bsp;</td>
<td width='503'><in put type='submit' value='Send Message' name='Send'>
</td>
</tr>
</tbody>
</table>
</form>

</body>
</html>

--
--
~kaeli~
Do not taunt Happy Fun Ball!

http://www.ipwebdesign.net/wildAtHeart

http://www.ipwebdesign.net/kaelisSpace

**Richard Cornford** · Jul 23 '05, 02:42 PM

Re: JavaScript - HIDE/DISPLAY text boxes

kaeli wrote:
<snip>[color=blue]
> //CHANGES THE DISPLAY PROPERTY OF ELEMENT 'ID' TO BLOCK
> function show(id)
> {
> var styleObj=getSty le(id);
> /* IE doesn't support table-row, but not using table-row
> mucks up Mozilla/Netscape/Opera, so...*sigh*, we have to do
> this to work around it. table-row is CSS-2 or something. */[/color]
<snip>

While the differences in support described are real there is no need to
branch and assign different values (and it would be difficult to
determine good criteria for the branch test anyway). Instead assigning
an empty string removes the locally specified display:none; and allows
the browsers to revert to the default/inherited/cascaded value
regardless of what that value is on the browser in question (CSS display
property is not inherited anyway, but other properties have similar
behaviour when an empty string is assigned):-

if(styleObj){
styleObj.displa y = '';
}

Richard.

**kaeli** · Jul 23 '05, 02:42 PM

Re: JavaScript - HIDE/DISPLAY text boxes

In article <ckoqcj$gc8$1$8 300dec7@news.de mon.co.uk>,
Richard@litotes .demon.co.uk enlightened us with...[color=blue]
>
> While the differences in support described are real there is no need to
> branch and assign different values (and it would be difficult to
> determine good criteria for the branch test anyway). Instead assigning
> an empty string removes the locally specified display:none; and allows
> the browsers to revert to the default/inherited/cascaded value
> regardless of what that value is on the browser in question (CSS display
> property is not inherited anyway, but other properties have similar
> behaviour when an empty string is assigned):-
>
> if(styleObj){
> styleObj.displa y = '';
> }
>[/color]

One of the browsers had a problem with that. I don't remember which. The none
works fine.

The real issue was not the unassigning for the hide, but the assigning for
the show. IE didn't support table-row, but using block or inline mucked up
every other browser in how they displayed the table. The issue was discussed
here before, as I found the solution in the archives. :)

I'd love to know a better way to test if a browser supports
style.display:t able-row, but I couldn't find one.

--
--
~kaeli~
The Bible contains six admonishments to homosexuals and
three hundred sixty-two admonishments to heterosexuals.
That doesn't mean that God doesn't love heterosexuals. It's
just that they need more supervision.

http://www.ipwebdesign.net/wildAtHeart

http://www.ipwebdesign.net/kaelisSpace

**Richard Cornford** · Jul 23 '05, 02:42 PM

Re: JavaScript - HIDE/DISPLAY text boxes

kaeli wrote:[color=blue]
> Richard Cornford wrote:[/color]
<snip>[color=blue][color=green]
>> if(styleObj){
>> styleObj.displa y = '';
>> }[/color]
>
> One of the browsers had a problem with that. I don't
> remember which. The none works fine.[/color]

I was proposing this for the row displaying code, not to hide the row.

<snip>[color=blue]
> I'd love to know a better way to test if a browser supports
> style.display:t able-row, but I couldn't find one.[/color]

Where supported - getComputedStyl e - should be a way of finding out,
assuming you could test an element in its normal default state. It would
even be possible to fall-back to the - currentStyle - object on IE 5.0+,
and have a value that was closely related to the a value that the
browser understood in context. That would just leave deciding how to
default the setting on browsers that did not provide either mechanism.
Though that would be a heavyweight approach in comparison to assigning
an empty string.

Richard.

**kaeli** · Jul 23 '05, 02:43 PM

Re: JavaScript - HIDE/DISPLAY text boxes

In article <ckotbh$ft$1$83 0fa79d@news.dem on.co.uk>,
Richard@litotes .demon.co.uk enlightened us with...[color=blue]
> kaeli wrote:[color=green]
> > Richard Cornford wrote:[/color]
> <snip>[color=green][color=darkred]
> >> if(styleObj){
> >> styleObj.displa y = '';
> >> }[/color]
> >
> > One of the browsers had a problem with that. I don't
> > remember which. The none works fine.[/color]
>
> I was proposing this for the row displaying code, not to hide the row.
>[/color]

I'm so confused.

How would clearing the display help show the row?

*cries*

--
--
~kaeli~
Shotgun wedding: A case of wife or death.

http://www.ipwebdesign.net/wildAtHeart

http://www.ipwebdesign.net/kaelisSpace

**Lasse Reichstein Nielsen** · Jul 23 '05, 02:43 PM

Re: JavaScript - HIDE/DISPLAY text boxes

kaeli <tiny_one@NOSPA M.comcast.net> writes:
[color=blue]
> I'm so confused.
>
> How would clearing the display help show the row?[/color]

Remember that the style object in DOM corresponds to the style
attribute in HTML. Properties set in the style attribute/object
has the highest precedence, so it overrules whatever is in a
style sheet or the default style of the element.

Clearing the "display" property of the style object will remove that
property, so it no longer has a high precedence property
assigned. That means that the computed (effective) value of that
property reverts to its normal value, which for display is not "none"
.... thereby making it visible.

The extra bonus here is that table rows should have
"display:ta ble-row", but IE doesn't understand that, and setting
"display:bl ock" will break the table in other, standards compliant,
browser. That means that there is no good value to assign, but the
*original* value is always correct, so merely removing the overriding
"display:no ne" will revert to something useful, no matter what it is.
[color=blue]
> *cries*[/color]

*comfort*
/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleD OM.html>
'Faith without judgement merely degrades the spirit divine.'

**Michael Winter** · Jul 23 '05, 02:43 PM

Re: JavaScript - HIDE/DISPLAY text boxes

On Fri, 15 Oct 2004 12:50:27 -0500, kaeli <tiny_one@NOSPA M.comcast.net>
wrote:

[snip]
[color=blue]
> I'm so confused.
>
> How would clearing the display help show the row?[/color]

Modifying the style object is equivalent to modifying the style attribute
for that element. As the properties here are the most specific, they
override any settings inherited from active stylesheets.

Assuming that the stylesheet for the page doesn't hide the element in
question[1], setting display = 'none' will override the browser's default
value. Assigning display = '' deletes this inline style, so the browser
will use it's own default. Modern browsers will use table-row, whilst IE
uses block[2].

In the code that you've shown, the "display: none" rule has been added
directly to the row. As I said above, using script does exactly the same
thing, so assigning an empty string to the display property will still
have the same effect. If it was part of a stylesheet, this would be rather
more complicated, but that situation should be avoided, anyway (again [1]).

Does that help?

Mike

[1] Obviously it shouldn't as that would make the page script-dependent.
[2] Yes, it is block, not inline.

--
Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail.

**Michael Winter** · Jul 23 '05, 02:43 PM

Re: JavaScript - HIDE/DISPLAY text boxes

[This might be double-posted. Apologies if that is the case.]

On Fri, 15 Oct 2004 12:50:27 -0500, kaeli <tiny_one@NOSPA M.comcast.net>
wrote:

[snip]
[color=blue]
> I'm so confused.
>
> How would clearing the display help show the row?[/color]

Modifying the style object is equivalent to modifying the style attribute
for that element. As the properties here are the most specific, they
override any settings inherited from active stylesheets.

Assuming that the stylesheet for the page doesn't hide the element in
question[1], setting display = 'none' will override the browser's default
value. Assigning display = '' deletes this inline style, so the browser
will use it's own default. Modern browsers will use table-row, whilst IE
uses block[2].

In the code that you've shown, the "display: none" rule has been added
directly to the row. As I said above, using script does exactly the same
thing, so assigning an empty string to the display property will still
have the same effect. If it was part of a stylesheet, this would be rather
more complicated, but that situation should be avoided, anyway (again [1]).

Does that help?

Mike

[1] Obviously it shouldn't as that would make the page script-dependent.
[2] Yes, it is block, not inline.

--
Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail.

**dmiller23462** · Jul 23 '05, 02:43 PM

Re: JavaScript - HIDE/DISPLAY text boxes

You are the greatest!!!! Thanks a ton....Apprecia te the help....

**Richard Cornford** · Jul 23 '05, 02:43 PM

Re: JavaScript - HIDE/DISPLAY text boxes

kaeli wrote:[color=blue]
> Richard Cornford wrote:[color=green]
>> kaeli wrote:[/color][/color]
<snip>[color=blue][color=green][color=darkred]
>>> One of the browsers had a problem with that.
>>> I don't remember which. The none works fine.[/color]
>>
>> I was proposing this for the row displaying code,
>> not to hide the row.
>>[/color]
>
> I'm so confused.
>
> How would clearing the display help show the row?[/color]

Lasse and Mike have already posted explanations so I won't repeat them.
[color=blue]
> *cries*[/color]

Now I feel guilty; sorry.

Richard.

**kaeli** · Jul 23 '05, 02:43 PM

Re: JavaScript - HIDE/DISPLAY text boxes

In article <591ac515.04101 51052.31951c90@ posting.google. com>, dmiller23462
@yahoo.com enlightened us with...[color=blue]
> You are the greatest!!!! Thanks a ton....Apprecia te the help....
>[/color]

You're welcome.
And see my last response to Michael for a slightly cleaner version without
the table-row style.
(thanks michael)

--
--
~kaeli~
I love God.
It's His fanclub that I can't stand.

http://www.ipwebdesign.net/wildAtHeart

http://www.ipwebdesign.net/kaelisSpace

**kaeli** · Jul 23 '05, 02:43 PM

Re: JavaScript - HIDE/DISPLAY text boxes

In article <8ya726tr.fsf@h otpop.com>, lrn@hotpop.com enlightened us with...[color=blue]
> kaeli <tiny_one@NOSPA M.comcast.net> writes:
>[color=green]
> > I'm so confused.
> >
> > How would clearing the display help show the row?[/color]
>
> Remember that the style object in DOM corresponds to the style
> attribute in HTML. Properties set in the style attribute/object
> has the highest precedence, so it overrules whatever is in a
> style sheet or the default style of the element.
>
> Clearing the "display" property of the style object will remove that
> property, so it no longer has a high precedence property
> assigned. That means that the computed (effective) value of that
> property reverts to its normal value, which for display is not "none"
> ... thereby making it visible.
>
> The extra bonus here is that table rows should have
> "display:ta ble-row", but IE doesn't understand that, and setting
> "display:bl ock" will break the table in other, standards compliant,
> browser.[/color]

I found that one out about block, but didn't know why.
Thanks.
I just changed it to inline and it did fine.
I like not assigning it at all better, even if it's taking me a bit to wrap
my head around the why it works part. The less I have to piss about with
browser-dependent stuff, the better.

Thanks!!

--
--
~kaeli~
I love God.
It's His fanclub that I can't stand.

http://www.ipwebdesign.net/wildAtHeart

http://www.ipwebdesign.net/kaelisSpace

JavaScript - HIDE/DISPLAY text boxes

JavaScript - HIDE/DISPLAY text boxes

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment