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


Groups > comp.lang.javascript > #13812

Re: Appending a TABLE to a DIV

From "Richard Maher" <maher_rj@hotspamnotmail.com>
Newsgroups comp.lang.javascript
Subject Re: Appending a TABLE to a DIV
Date 2012-05-07 06:00 +0800
Organization HTTP *is* The Box - Let's think outside
Message-ID <jo6sa6$36f$1@speranza.aioe.org> (permalink)
References <jo5kjb$mf8$1@speranza.aioe.org> <18-dnehfiNOGUTvSnZ2dnUVZ8oqdnZ2d@giganews.com>

Show all headers | View raw


"Richard Cornford" <Richard@litotes.demon.co.uk> wrote in message 
news:18-dnehfiNOGUTvSnZ2dnUVZ8oqdnZ2d@giganews.com...
> Richard Maher wrote:
>> Can someone please tell me why, in the code below, can I see the
>> table when I append it to the document.body but not the DIV(wire)?
>>
>> That is: -
>>      wire.appendChild(decal);       // shows a ghost of the table
>>      document.body.appendChild(decal);  // shows the whole table
>>
>> Cheers Richard Maher
>>
>> <html>
>> <head>
>>    <script language="javascript">
>> function load(){
>>     var flyScreen = function() {
>>         var OPACITY = 25;
>              ^^^^^^^   ^^
>>         var wire = document.createElement('div');
> <snip>
>>         wire.style.opacity=(OPACITY / 100);
>                     ^^^^^^^
>>         wire.style.MozOpacity=(OPACITY / 100);
>                        ^^^^^^^
>>         wire.style.filter='alpha(opacity='+OPACITY+')';
>                                   ^^^^^^^
> <snip>
>
> If you set the opacity of the DIV to 25% of opaque then it, and all of the 
> elements it contains (are appended to it, or its decedents) will be 75% 
> transparent. That seems sufficient to explain the most literal 
> interpretation of "ghost of the table".

Hi Richard,

Sure that's why I'd expect to see the cell contents (i.e. "Loading") 
appearing, albeit in a faint form of blue. What I see is nothing but a faint 
border/outline of the table.

As I mentioned in another post, it's very easy to reproduce using the SSCCE 
at the end of my original post.
Just alternate the commenting out of the following two lines: -
         wire.appendChild(decal);
//         document.body.appendChild(decal);

I'm happy if everything is 25% but when I append to the DIV I get no 
contents. Z-index issue?

>
> Richard.

Regards Richard Maher
> 

Back to comp.lang.javascript | Previous | Next — Previous in thread | Next in thread | Find similar | Unroll thread


Thread

Appending a TABLE to a DIV "Richard Maher" <maher_rj@hotspamnotmail.com> - 2012-05-06 18:42 +0800
  Re: Appending a TABLE to a DIV Mr Ruaraidh Petrie <me@sorry_no_spam> - 2012-05-06 18:29 +0100
    Re: Appending a TABLE to a DIV "Richard Maher" <maher_rj@hotspamnotmail.com> - 2012-05-07 05:55 +0800
      Re: Appending a TABLE to a DIV Mr Ruaraidh Petrie <me@sorry_no_spam> - 2012-05-10 21:29 +0100
  Re: Appending a TABLE to a DIV "Richard Cornford" <Richard@litotes.demon.co.uk> - 2012-05-06 20:08 +0100
    Re: Appending a TABLE to a DIV "Richard Maher" <maher_rj@hotspamnotmail.com> - 2012-05-07 06:00 +0800
      Re: Appending a TABLE to a DIV "Richard Cornford" <Richard@litotes.demon.co.uk> - 2012-05-07 13:52 +0100
        Re: Appending a TABLE to a DIV "Richard Maher" <maher_rj@hotspamnotmail.com> - 2012-05-07 21:31 +0800
          Re: Appending a TABLE to a DIV "Richard Cornford" <Richard@litotes.demon.co.uk> - 2012-05-07 19:58 +0100
    Re: Appending a TABLE to a DIV Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2012-05-07 21:57 +0200
  Re: Appending a TABLE to a DIV Andrew Poulos <ap_prog@hotmail.com> - 2012-05-07 13:41 +1000
  Re: Appending a TABLE to a DIV "Leonardo Azpurua" <leonardo@exmvps.org> - 2012-05-07 08:17 -0430
    Re: Appending a TABLE to a DIV "Richard Maher" <maher_rj@hotspamnotmail.com> - 2012-05-07 21:34 +0800

csiph-web