T
Terry
I use onMouseOver and onMouseOut events and java scripting
to create "drop down" menus on a web page. When I have an
OWC chart on the top of a page the menu items are covered
up by the chart. Is there a way to control the layering so
my menu appears on top of the chart?
A simple example follows.
Thanks for any help,
Terry
<HTML>
<HEAD>
</HEAD>
<BODY>
<HTML>
<Head>
<Title>Test</Title>
<Script Language="JavaScript">
function JavaMenu(objMaster, objMenu) {
objMaster.style.backgroundColor = 'Blue';
// objMaster.style.color = 'White';
objMenu.style.visibility = 'visible';
}
function HideMenu(objMaster, objMenu) {
objMaster.style.backgroundColor = '';
// objMaster.style.color = 'white';
objMenu.style.visibility = 'hidden';
}
</Script>
</Head>
<Body leftMargin='0' topMargin='0' rightMargin='0'>
<CENTER>
<Table Width="100%"
Border="0" CellSpacing="0" CellPadding="0"
Height="70">
<TR>
<TD width="200px" Align="Center"
VAlign="Bottom">
<Table Border="0" CellSpacing="0"
CellPadding="3" Width="50%">
<TR Class="clsMenuHeader">
<TD
onMouseOver="JavaScript:JavaMenu(this, TestMenu);"
onMouseOut="JavaScript:HideMenu(this, TestMenu);"
Width="20%">
Test Menu<BR>
<DIV
Class="clsMenu"
Style="visibility:hidden;position:absolute;border:t
hin groove black;padding:4px;width:375px"
ID="TestMenu" Name="TestMenu">
<A
Href="http://dummy_url/" Class="clsMenu">
<SPAN Style="color:red;font-weight:8pt;font-
weight:600;text-decoration:none;">
Menu Item 1
</Span>
</A>
<HR
Size="1">
<A
Href="http://dummy_url" Class="clsMenu">
<SPAN Style="color:red;font-weight:8pt;font-
weight:600;text-decoration:none;">
Menu Item 2
</Span>
</A>
<HR
Size="1">
<A
Href="dummy_URL" Class="clsMenu">
<SPAN Style="color:red;font-weight:8pt;font-
weight:600;text-decoration:none;">
Menu Item 3
</Span>
</A>
</DIV>
</TD>
</TR>
</Table>
</TD>
</TR>
</Table>
</CENTER>
</Body>
</HTML>
<BR>
<TABLE WIDTH="100%">
<TR>
<TD ALIGN=middle VALIGN=top colspan="2">
<OBJECT id=ChartSpace
style="LEFT: 0px; WIDTH: 100%; TOP: 0px; HEIGHT:
500px" width="100%"
classid=clsid:0002E500-0000-0000-C000-000000000046>
<PARAM NAME="XMLData" VALUE='<xml
xmlns:x="urn:schemas-microsoft-
com
ffice:excel">
<x:WebChart>
<x:OWCVersion>9.0.0.3821</x:OWCVersion>
<x:Width>11483</x:Width>
<x:Height>8308</x:Height>
</x:WebChart>
</xml>'><PARAM
NAME="ScreenUpdating" VALUE="-1"></OBJECT>
</TD>
</TR>
</TABLE>
<SCRIPT language=vbscript>
Sub Window_onLoad()
DrawChart
End Sub
Sub DrawChart()
Dim oChart , oSeries, oLabels
Dim c
set c = ChartSpace.Constants
ChartSpace.Clear
set oChart = ChartSpace.Charts.Add()
oChart.HasTitle = True
oChart.Type = c.chChartTypeColumnClustered
With oChart.SeriesCollection.Add
.Line.Color = "Red"
.SetData c.chDimCategories, c.chDataLiteral, Array
("05-Nov","06-Nov","07-Nov","08-Nov","11-Nov")
.SetData c.chDimValues, c.chDataLiteral, Array
(1296925,1297025,1295750,1294275,1293300)
End With
oChart.Title.Caption = "Inventory"
end sub
</SCRIPT>
<! --- CODE ENDS HERE --->
</BODY>
</HTML>
to create "drop down" menus on a web page. When I have an
OWC chart on the top of a page the menu items are covered
up by the chart. Is there a way to control the layering so
my menu appears on top of the chart?
A simple example follows.
Thanks for any help,
Terry
<HTML>
<HEAD>
</HEAD>
<BODY>
<HTML>
<Head>
<Title>Test</Title>
<Script Language="JavaScript">
function JavaMenu(objMaster, objMenu) {
objMaster.style.backgroundColor = 'Blue';
// objMaster.style.color = 'White';
objMenu.style.visibility = 'visible';
}
function HideMenu(objMaster, objMenu) {
objMaster.style.backgroundColor = '';
// objMaster.style.color = 'white';
objMenu.style.visibility = 'hidden';
}
</Script>
</Head>
<Body leftMargin='0' topMargin='0' rightMargin='0'>
<CENTER>
<Table Width="100%"
Border="0" CellSpacing="0" CellPadding="0"
Height="70">
<TR>
<TD width="200px" Align="Center"
VAlign="Bottom">
<Table Border="0" CellSpacing="0"
CellPadding="3" Width="50%">
<TR Class="clsMenuHeader">
<TD
onMouseOver="JavaScript:JavaMenu(this, TestMenu);"
onMouseOut="JavaScript:HideMenu(this, TestMenu);"
Width="20%">
Test Menu<BR>
<DIV
Class="clsMenu"
Style="visibility:hidden;position:absolute;border:t
hin groove black;padding:4px;width:375px"
ID="TestMenu" Name="TestMenu">
<A
Href="http://dummy_url/" Class="clsMenu">
<SPAN Style="color:red;font-weight:8pt;font-
weight:600;text-decoration:none;">
Menu Item 1
</Span>
</A>
<HR
Size="1">
<A
Href="http://dummy_url" Class="clsMenu">
<SPAN Style="color:red;font-weight:8pt;font-
weight:600;text-decoration:none;">
Menu Item 2
</Span>
</A>
<HR
Size="1">
<A
Href="dummy_URL" Class="clsMenu">
<SPAN Style="color:red;font-weight:8pt;font-
weight:600;text-decoration:none;">
Menu Item 3
</Span>
</A>
</DIV>
</TD>
</TR>
</Table>
</TD>
</TR>
</Table>
</CENTER>
</Body>
</HTML>
<BR>
<TABLE WIDTH="100%">
<TR>
<TD ALIGN=middle VALIGN=top colspan="2">
<OBJECT id=ChartSpace
style="LEFT: 0px; WIDTH: 100%; TOP: 0px; HEIGHT:
500px" width="100%"
classid=clsid:0002E500-0000-0000-C000-000000000046>
<PARAM NAME="XMLData" VALUE='<xml
xmlns:x="urn:schemas-microsoft-
com
ffice:excel"><x:WebChart>
<x:OWCVersion>9.0.0.3821</x:OWCVersion>
<x:Width>11483</x:Width>
<x:Height>8308</x:Height>
</x:WebChart>
</xml>'><PARAM
NAME="ScreenUpdating" VALUE="-1"></OBJECT>
</TD>
</TR>
</TABLE>
<SCRIPT language=vbscript>
Sub Window_onLoad()
DrawChart
End Sub
Sub DrawChart()
Dim oChart , oSeries, oLabels
Dim c
set c = ChartSpace.Constants
ChartSpace.Clear
set oChart = ChartSpace.Charts.Add()
oChart.HasTitle = True
oChart.Type = c.chChartTypeColumnClustered
With oChart.SeriesCollection.Add
.Line.Color = "Red"
.SetData c.chDimCategories, c.chDataLiteral, Array
("05-Nov","06-Nov","07-Nov","08-Nov","11-Nov")
.SetData c.chDimValues, c.chDataLiteral, Array
(1296925,1297025,1295750,1294275,1293300)
End With
oChart.Title.Caption = "Inventory"
end sub
</SCRIPT>
<! --- CODE ENDS HERE --->
</BODY>
</HTML>