[Javascript] Hide show a TD

Laurent Muchacho LaurentM at london.virgin.net
Mon Jun 21 11:04:39 CDT 2004


Hi 

I just notice something you shouldn't do. Is to use number or a number in
the first character for your variable or the id of your div.
If it work like that nice for you I had some problem long ago with the id of
my div be called 1Div 2Div etc ... and it was fix by doing div1 div2 etc ...

Laurent


-----Original Message-----
From: Chris T [mailto:christ at saeweb.com]
Sent: 21 June 2004 17:03
To: [JavaScript List]
Subject: Re: [Javascript] Hide show a TD


One more thing: Just to make this more readable you should try to set your
instance of that object to a variable:

var objEl = document.getElementById(id)
objEl.style.display = "whatever you want"


>        for (i=1;i<5; i++){
>                if (i!= id){
>                        document.getElementById(i).style.display == 'none';
>                }
>        }

And that's some funky code logic-wise. Are your ID's numbers?

Chris Tifer

----- Original Message ----- 
From: "Marcelo Wolfgang" <grillo at gmail.com>
To: <javascript at latech.edu>
Sent: Monday, June 21, 2004 11:16 AM
Subject: [Javascript] Hide show a TD


> Hi list,
>
> I'm trying to come with a script to hide show layers based on their
> id, everything looks fine, except it ain't changing the style of the
> TD :(
>
> Here's my js code :
>
> <script>
> function showSub(id){
>        alert( document.getElementById(id).style.display) // output "none"
>        document.getElementById(id).style.display == 'inline';
>        alert( document.getElementById(id).style.display) // output
> "none" also !!!
>
>       // I do not even tried to debug the rest of the function
>       // but I bet it won't change the dislplay attribute also.
>
>        for (i=1;i<5; i++){
>                if (i!= id){
>                        document.getElementById(i).style.display == 'none';
>                }
>        }
> }
> </script>
>
> and here's the TD :
>
> <tr>
>        <td><a href="javascript:showSub(1)"><img
> src="images/menu_btProducts_off.gif" width="134" height="23"
> border="0"></a></td>
> </tr>
> <tr>
>        <td id="1" style="display:none">
>                <table border="0" cellpadding="0" cellspacing="0">
>                <tr>
>                        <td><img src="images/menu_btShopMedia_off.gif"
> width="134"
> height="22" border="0"></td>
>                </tr>
>                <tr>
>                        <td bgcolor="#20214F"><img src="images/dot.gif"
width="1"
> height="1" border="0"></td>
>                </tr>
>                </table>
>        </td>
> </tr>
>
> Can anyone help me ?
>
> TIA
> Grillo
> _______________________________________________
> Javascript mailing list
> Javascript at LaTech.edu
> https://lists.LaTech.edu/mailman/listinfo/javascript

_______________________________________________
Javascript mailing list
Javascript at LaTech.edu
https://lists.LaTech.edu/mailman/listinfo/javascript


This E-mail and any files transmitted with it are confidential and intended solely for the use of the individual or entity to whom they are addressed.  If you have received this E-mail in error please notify the system manager.  This message contains confidential information and is intended only for the individual named.  If you are not the named addressee you should not disseminate, distribute or copy this E-mail.



More information about the Javascript mailing list