PDA

View Full Version : rollover menu

solomon
10-31-2002, 11:16 AM
<HTML>
<HEAD>
<TITLE>:: International. ::</TITLE>
<META content="text/html; charset=windows-1252" http-equiv=Content-Type>
<META content=no-cache http-equiv=Pragma>
<META content=Creative name=description >
<META>

<style>
<!--
.sublinks
{
color: #ffffff; font-face:Verdana; font-size: 14px; font-weight: bold; padding-bottom: 4px
}
-->
</style>

<SCRIPT language="JavaScript">

var t

function sHL(layerID,name,IEname)
{
HideLayers()

if(document.all)
{
thelefttotal=0
thesuffex=".offsetParent"
while(eval(IEname+thesuffex))
{
thelefttotal+=eval(IEname+thesuffex+".offsetLeft")
thesuffex=".offsetParent"+thesuffex
}

thetoptotal=0
thesuffex=".offsetParent"
while(eval(IEname+thesuffex))
{
thetoptotal+=eval(IEname+thesuffex+".offsetTop")
thesuffex=".offsetParent"+thesuffex
}
}
else if(document.images[name].x)
{
thelefttotal = document.images[name].x - 16
thetoptotal = document.images[name].y - 4
}

if(document.all)
{
document.all["L" +layerID].style.top=thetoptotal
document.all["L" +layerID].style.left =thelefttotal - 153
}
else if(document.layers)
{
document.layers["L" +layerID].top=thetoptotal
document.layers["L" +layerID].left=thelefttotal - 150
}

var theObj

if (document.all != null)
{
for(i=1;i<=10;i++)
{
if(i==layerID)
{
theObj = eval("document.all[\'L" +layerID+ "\']")
if(theObj) theObj.style.visibility = 'visible'
}

}
}

if (document.layers != null)
{
for(i=1;i<=10;i++)
{
if(i==layerID)
{
theObj = eval("document.layers[\'L" +layerID+ "\']")
if(theObj) theObj.visibility = 'visible'
}
}
}
}

function HideLayers()
{
i=1

while(i<3)
{

if (document.all)
{
var theObj = document.all['L'+i];
if(theObj) theObj.style.visibility = 'hidden';
}

if (document.layers)
{
var theObj = document.layers['L'+i];
if(theObj) theObj.visibility = 'hidden';
}

i++
}
}

function HideLayer(LayerID)
{

if (document.layers)
{
var theObj = document.layers['L'+LayerID];
if(theObj) theObj.visibility = 'hidden';
}

if (document.all)
{
var theObj = document.all['L'+LayerID];
if(theObj) theObj.style.visibility = 'hidden';
}

}

function btnTimer(LayerID)
{
timeOn = setTimeout("HideLayer("+LayerID+")",400)
}


function btnTimer_1(LayerID)
{
timeOn = setTimeout("HideLayer("+LayerID+")",400)
}

function clrTimer()
{
clearTimeout(timeOn)
}

</SCRIPT>



<script language="JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
</HEAD>
<BODY onclick="sHL('')" aLink=#ffffff bgColor=#FFFFFF leftMargin=0 link=#ffffff text=#000000 topMargin=0 vLink=#ffffff marginheight="0" marginwidth="0" background="Pictures/homepage_top_tile_spr01.jpg">
<FORM NAME="FRM"><INPUT TYPE="HIDDEN" NAME="HID"></FORM>
<TABLE align=center border=0 cellPadding=0 cellSpacing=0 width=740 height="112">
<TBODY>
<TR>
<TD height="45">
<P><IMG height=2 src="Pictures/global_blockwhite.gif" width=740></P>
</TD>
</TR>
<TR>
<TD height=67 width=740>
<TABLE border=0 cellPadding=0 cellSpacing=0 height=20 width="740">
<TBODY>
<TR>
<TD bgColor=#FFFFFF height=20 vAlign=bottom width="191">
<P align=center><img border="0" src="Pictures/attach.jpg" align="bottom" width="116" height="56">
</P>
</TD>
<TD bgColor=#CC99FF height=20 vAlign=top width="547" nowrap> <img border="0" src="Pictures/ConstructionBanner.jpg" width="546" height="60">
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
<TABLE align=center border=0 cellPadding=0 cellSpacing=0 height=392 width=740>
<TBODY>
<TR>
<TD valign=top width=499 bgcolor="#FFFFFF" rowspan="2" height="50" nowrap>
<p align="center"><img border="0" src="Pictures/Worldmap.jpg" width="493" height="359" align="top" usemap="#Map2">
<map name="Map2">
<area shape="rect" coords="134,224,165,235" href="Worldwide_3.htm">
<area shape="rect" coords="150,242,193,253" href="Worldwide_3.htm">
<area shape="rect" coords="138,260,180,272" href="Worldwide_3.htm">
<area shape="rect" coords="230,255,276,266" href="Worldwide_1.htm">
<area shape="rect" coords="412,196,450,205" href="Worldwide_1.htm">
<area shape="rect" coords="409,177,460,188" href="Worldwide_1.htm">
<area shape="rect" coords="410,209,470,220" href="Worldwide_1.htm">
<area shape="rect" coords="421,240,457,250" href="Worldwide_1.htm">
<area shape="rect" coords="453,291,491,303" href="Worldwide_1.htm">
<area shape="rect" coords="261,340,301,352" href="Worldwide_1.htm">
<area shape="rect" coords="216,301,288,313" href="Worldwide_1.htm">
<area shape="rect" coords="313,273,367,283" href="Worldwide_2.htm">
</map>
</p>
</TD>
<TD bgColor=#F2E6FF height=310 vAlign=top width=239>
<div align="center">
<center>
<TABLE border=0 cellPadding=4 cellSpacing=3 height=1 width="238">
<TR>
<TD background="Pictures/bg_greydot.gif" bgColor=#ffffff class=box height=1 width="220">
<P><FONT color=#597a9b size=2><IMG name=sundown1 ID=IEtest1 border=0 height=15 src="Pictures/sundown.gif" width=15>
</FONT> <A onmouseover="sHL('1','sundown1','IEtest1')" onmouseout="btnTimer(1)" href= "index_1.htm"> <b><font face="Verdana" size="2" color="#597A9B">Home</font></b>
</A>
<DIV id=L1 style="background-color: #dee1a4; position: absolute; visibility: hidden; width: 150; z-index: 1; layer-background-color: #DEE1A4; height: 130; border: 1px none #000000">
<TABLE border=0 cellPadding=3 cellSpacing=1 width=150>
<TR bgColor=#595a42>
<TD>
<A onmouseout="btnTimer(1)" onmouseover="clrTimer()" class=sublinks href="http://www.a.com.sg/container/5-1.html">Tanjong Pagar</A></TD></TR>
<TR bgColor=#595a42>
<TD>
<A onmouseout="btnTimer(1)" onmouseover="clrTimer()" class=sublinks href="http://www..com.sg/container/5-2.html">Keppel Terminal</A></TD></TR>
<TR bgColor=#595a42>
<TD>
<A onmouseout="btnTimer(1)" onmouseover="clrTimer()" class=sublinks href="http://www..com.sg/container/5-3.html">Brani Terminal</A></TD></TR>
<TR bgColor=#595a42>
<TD>
<A onmouseout="btnTimer(1)" onmouseover="clrTimer()" class=sublinks href="http://www.a.com.sg/container/5-4.html">Pasir Panjang Terminal</A></TD></TR>
<TR bgColor=#595a42>
<TD>
<A onmouseout="btnTimer(1)" onmouseover="clrTimer()" class=sublinks href="http://www..com.sg/container/5-5.html">Keppel Distripark</A></TD></TR>
</TABLE>
</DIV>
</TD>
</TR>
<TR>
solomon
10-31-2002, 11:17 AM
continue from top:


<TD background="Pictures/bg_greydot.gif" bgColor=#ffffff class=box height=1 width="220">
<FONT color=#597a9b size=2><IMG name=sundown2 ID=IEtest2 border=0 height=15 src="Pictures/sundown.gif" width=15>
</FONT> <a onmouseover="sHL('2','sundown2','IEtest2')" onmouseout="btnTimer(2)" href=""><b><font face="Verdana" size="2" color="#597A9B">Our Company
</font></b></a>
<DIV id=L2 style="background-color: #dee1a4; position: absolute; visibility: hidden; width: 150; z-index: 1; layer-background-color: #DEE1A4; height: 130; border: 1px none #000000">
<TABLE border=0 cellPadding=3 cellSpacing=1 width=150>
<TR bgColor=#595a42>
<TD><A onmouseout="btnTimer(2)" onmouseover="clrTimer()" class=sublinks
href="http://www..com.sg/container/5-1.html">Tanjong
Pagar</A></TD></TR>
<TR bgColor=#595a42>
<TD><A onmouseout="btnTimer(2)" onmouseover="clrTimer()" class=sublinks
href="http://www..com.sg/container/5-2.html">Keppel
Terminal</A></TD></TR>
<TR bgColor=#595a42>
<TD><A onmouseout="btnTimer(2)" onmouseover="clrTimer()" class=sublinks
href="http://www..com.sg/container/5-3.html">Brani
Terminal</A></TD></TR>
<TR bgColor=#595a42>
<TD><A onmouseout="btnTimer(2)" onmouseover="clrTimer()" class=sublinks
href="http://www..com.sg/container/5-4.html">Pasir Panjang
Terminal</A></TD></TR>
<TR bgColor=#595a42>
<TD><A onmouseout="btnTimer(2)" onmouseover="clrTimer()" class=sublinks
href="http://www..com.sg/container/5-5.html">Keppel
Distripark</A></TD></TR></TABLE></DIV>
</TD>
</TR>
<TR>
<TD background="Pictures/bg_greydot.gif" bgColor=#ffffff class=box height=1 width="220">
<FONT color=#006699 size=2><IMG border=0 height=15 src="Pictures/sundown.gif" width=15>
</FONT> <b><font color="#597a9b" size="2" face="Verdana">Business
Divisions </font></b></TD>
</TR>
<TR>
<td background="Pictures/bg_greydot.gif" bgColor=#ffffff class=box height=1 width="220">
<FONT color=#006699 size=2><IMG border=0 height=15 src="Pictures/sundown.gif" width=15>
</FONT><b><font color="#597a9b" size="2" face="Verdana">Our Events</font></b></td>
</TR>
<TR>
<TD background="Pictures/bg_greydot.gif" bgColor=#ffffff class=box height=29 width="220">
<IMG border=0 height=15 src="Pictures/sundown.gif" width=15>
<b><font face="Verdana" size="2" color="#597a9b">Testimonies</font></b></TD>
</TR>
<TR>
<TD background="Pictures/bg_greydot.gif" bgColor=#ffffff class=box height=1 width="220">
<FONT color=#006699 size=2><IMG border=0 height=15 src="Pictures/sundown.gif" width=15>
</FONT> <b><font color="#597a9b" size="2" face="Verdana">Gallery</font></b></TD>
</TR>
<TR>
<TD background="Pictures/bg_greydot.gif" bgColor=#ffffff class=box height=0 width="220">
<img border="0" height="15" src="Pictures/sundown.gif" width="15">
<b><a href><font color="#597a9b" size="2" face="Verdana">Global
Offices</font></a></b></TD>
</TR>
</TABLE>
</center>
</div>
</TD>
<TD height=388 vAlign=top width=1 rowspan="3" bgcolor="#FFFFFF">
<DIV align=right><IMG height=315 src="Pictures/global_blockwhite.gif" width=2>
</DIV>
</TD>
</TR>
<tr>
<TD bgColor=#CC99FF height=52 vAlign=middle width=239 align="center">
<table>
<form>
<tr>
<td><b><font size="2" face="Verdana" color="#FFFFFF">Site</font><font size="2" face="Verdana" color="#CC99FF">.</font><font size="2" face="Verdana" color="#FFFFFF">Search:</font></b></td>
<td>
<input SIZE="14" NAME="SearchString" STYLE="background:F2E6FF; border:solid 1">
</td>
</tr>
</form>
</table>
</TD>
</tr>
<tr>
<TD valign=middle width=499 bgcolor="#F2E6FF" height="22" nowrap>&nbsp; </TD>
<TD bgColor=#F2E6FF height=20 vAlign=top width=239>


<form name="Show">
<input type="text" name="MouseX" value="0" size="4"> X<br>
<input type="text" name="MouseY" value="0" size="4"> Y<br>
</form>

</TD>
</tr>
<TR>
<TD colSpan=2 height=1 width="738"> <IMG height=2 src="Pictures/global_blockwhite.gif" width=740>
</TD>
</TR>
</TBODY>
</TABLE>
<TABLE align=center border=0 cellPadding=0 cellSpacing=0 height=11 width=740>
<TBODY>
<TR>
<TD height=1>
<TABLE border=0 cellPadding=10 cellSpacing=0 width="740">
<TBODY>
<TR>
<TD width="699" bgcolor="#CC99FF">
<p align="center"> <font face="Verdana" size="1" color="#FFFFFF"><b>This
site is best viewed with browser of version 4 or higher of Internet
Explorer or Netscape.<br>
© Copyright 2002. International.</b></font>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
<TR>
<TD height=21> <IMG height=2 src="Pictures/global_blockwhite.gif" width=740>
</TD>
</TR>
</TBODY>
</TABLE>
<MAP name=Map>
<AREA coords=401,3,453,19
href="http://www.dls.com.my/#" shape=RECT>
<AREA coords=316,2,393,19
href="http://www.dls.com.my/#" shape=RECT>
<AREA coords=273,2,310,19
href="http://www.dls.com.my/#" shape=RECT>
<AREA coords=187,2,267,19
href="http://www.dls.com.my/#" shape=RECT>
<AREA coords=130,2,181,18
href="http://www.dls.com.my/#" shape=RECT>
<AREA coords=6,2,68,18
href="http://www.dls.com.my/#" shape=RECT>
<AREA coords=72,2,124,18
href="http://www.dls.com.my/#" shape=RECT>
</MAP>

</BODY>
</HTML>
solomon
10-31-2002, 11:18 AM
Question:

The rollover menu works fine on IE. However in netscape,
only the borders of the rollover menu is visible but the contents
are not there. Your help is kindly appreciated.

Regards
Eugene