Half Hidden Div
<p>Ive got a interesting problem. I am using google vis to place guages inside a div. These gauges are updated on dropdownmenu selections from JS functions. The div which hosts the gauges is activated by clicking an image,</p>

<pre><code> &lt;a title="Asset List View" target="_blank"  class="header" target="_parent"&gt;
 &lt;img id="bgLogoo" style="opacity:0.7 "     
 src="********" width="40" height="28" align="absmiddle" 
 onclick="showhideG('gauge');" /&gt; &lt;/a&gt;
</code></pre>

<p>Then it runs through a JS function that turns the visibility of that div on.</p>

<pre><code>var stateG = 'none';
function showhideG(layer_ref)
{


    if(stateG == 'block')
        {
        stateG = 'none';
        }
    else
        {
        stateG = 'block';
        }
    if(document.all)
        { 
        //IS IE 4 or 5 (or 6 beta)
        eval("document.all." +layer_ref+ ".style.display = stateG");
        }
    if (document.getElementById &amp;&amp;!document.all) 
        {
            var pos = new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(0,45));
                      pos.apply(document.getElementById(layer_ref));
                      map.getContainer().appendChild(document.getElementById(layer_ref));
                        hza = document.getElementById(layer_ref);
                        hza.style.display = stateG;
        }
}
</code></pre>

<p>The problem is, The div is turning on and off but the gauges inside of it are being are not there. I know they are being created because I can see them at the bottom of the page. They begin to show up in the correct div if you click the image then change your dropdown selection. Any ideas?</p>
