Wrox Home  
Search P2P Archive for: Go

  Return to Index  

javascript thread: table/div under div (shadow)


Message #1 by True2ViSioN@a... on Wed, 26 Jun 2002 17:40:11 EDT
--part1_33.291a0a97.2a4b8ebb_boundary
Content-Type: text/plain; charset="US-ASCII"
Content-Transfer-Encoding: 7bit

I dont know how to put this but what I am trying to do is put a table/div 
under the div that is a menu so it looks like it has a shadow I just realy 
dont know how to do it can any one give me some ideas what I have so far as a 
consept.

  var x = getPageOffsetLeft(actrobutton);
  var y = getPageOffsetTop(actrobutton) + actrobutton.offsetHeight - .6;

var shSIZE      = 3;            // menu drop shadow size 
var shCOLOR     = "#bcbcbc";        // menu drop shadow color
var shOPACITY   = 75;           // menu drop shadow opacity (not ie4/ns4/op5)
var sHIEGHT;
var sTOP    = y + "6px";
var sLEFT   = x + "6px";
var sWIDTH  = 6px;

//Note the Table style is a mess.

document.write("<TABLE ID='shadow' style='visibility:hidden; background: 
'+shCOLOR+';  filter:alpha(opacity='+shOPACITY+'); z-index: 6; 
position:absolute; top:"+sTOP+"px; left:'+sLEFT+'px; width:"+sWIDTH+";'>")
document.write("<tr><td>&nbsp;</td></tr>")
document.write("</TABLE>")

am I going about this the right way?


  Return to Index