[Javascript] help a newbie (fill up a template)

kamal adif yna54 at hotmail.com
Tue Apr 19 12:28:43 CDT 2005 

Hi,
I downloaded a page template, but I don't know how to fill the empty links, 
could someone please give me an example.
Here is the index.html  :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><!-- #BeginTemplate "/Templates/jarx_template.dwt" --><!-- DW6 -->
<head>
<!-- #BeginEditable "doctitle" -->
<title>Untitled Document</title>
<!-- #EndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="jarxv4.css" type="text/css">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //Updated by PVII. 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);

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; 
if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) 
x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) 
x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function P7_VScroller(el,dr,ty,oy,spd) { //v1.6 by PVII
var g,gg,fr,sp,pa='',slw=true,m=false,h,ly;ty=parseInt(ty);
if((g=MM_findObj(el))!=null){gg=(document.layers)?g:g.style;}else{return;}
if(dr=="Stop"){if(g.toMove){clearTimeout(g.p7Magic);}g.toMove=false;}
if((parseInt(navigator.appVersion)>4 || 
navigator.userAgent.indexOf("MSIE")>-1)&& !window.opera){pa="px";}
if(navigator.userAgent.indexOf("NT")>-1 || 
navigator.userAgent.indexOf("Windows 2000")>-1){slw=false;}
if(spd=="Slow"){sp=(slw)?2:1;fr=(slw)?40:30;}else 
if(spd=="Medium"){sp=(slw)?4:1;fr=(slw)?40:10;
}else{sp=(slw)?8:4;fr=(slw)?40:10;}if(spd=="Warp"){sp=5000;}var 
yy=parseInt(gg.top);if(isNaN(yy)){
if(g.currentStyle){yy=parseInt(g.currentStyle.top);}else 
if(document.defaultView){
yy=parseInt(document.defaultView.getComputedStyle(g,"").getPropertyValue("top"));}else{yy=0;}}
if(document.all || document.getElementById){h=parseInt(g.offsetHeight);
if(!h){h=parseInt(g.style.pixelHeight);}
}else if(document.layers){h=parseInt(g.clip.height);}ly=ty+parseInt(oy)-h;
if(dr=="Down"){if(yy>ly){m=true;yy-=sp;if(yy<ly){yy=ly;}}}
if(dr=="Up"){if(yy<ty){m=true;yy+=sp;if(yy>ty){yy=ty;}}}
if(dr=="Reset"){gg.top=ty+pa;if(g.toMove){clearTimeout(g.p7Magic);}g.toMove=false;}
if(m){gg.top=yy+pa;if(g.toMove){clearTimeout(g.p7Magic);}g.toMove=true;
  
eval("g.p7Magic=setTimeout(\"P7_VScroller('"+el+"','"+dr+"',"+ty+","+oy+",'"+spd+"')\","+fr+")");
}else{g.toMove=false;}
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; 
i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) 
x.src=x.oSrc;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; 
for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) 
x.oSrc=x.src; x.src=a[i+2];}
}

function P7_OpResizeFix(a) { //v1.1 by PVII
if(!window.opera){return;}if(!document.p7oprX){
document.p7oprY=window.innerWidth;document.p7oprX=window.innerHeight;
document.onmousemove=P7_OpResizeFix;
}else{if(document.p7oprX){
  var k=document.p7oprX-window.innerHeight;
  var j=document.p7oprY - window.innerWidth;
  if(k>1 || j>1 || k<-1 || j<-1){
  document.p7oprY=window.innerWidth;document.p7oprX=window.innerHeight;
  location.reload();}}}
}
	P7_OpResizeFix();

function P7_StyleLoader(tS) { //v1.2 by PVII
var tH='',tDoc='',tA='<LIN'+'K REL="stylesheet" HREF=',tB=' 
TYPE="text/css">';
if(document.getElementsByTagName){var 
bb=document.getElementsByTagName("LINK");
if(bb) {for(var 
k=0;k<bb.length;k++){if(bb[k].rel.toLowerCase()=="stylesheet"){
var h=bb[k].href,x=h.lastIndexOf("/");if(x>0){tH=h.substring(0,x+1);}
bb[k].disabled=true;tDoc=tA+'"'+ tH + tS + '"' +tB;
document.write(tDoc);break;}}}}
}
P7_StyleLoader('jarx.css');

function P7_hideDiv(evt) { //v1.3 by PVII
var b,relT,mT=false;
if(document.layers){b=evt.target;if(b.p7aHide){
  b.visibility="hidden";}else{routeEvent(evt);}
}else if(document.all&&!window.opera){b=event.srcElement;
  while(b!=null){if(b.tagName=="DIV" && 
b.p7ahD){mT=true;break;}b=b.parentElement;}
  if(!b.contains(event.toElement)){b.style.visibility="hidden";}
}else 
if(document.getElementById){b=evt.currentTarget;relT=evt.relatedTarget;
  while(relT!=null){if(b==relT){mT=true;break;}
  relT=relT.parentNode;}if(!mT){b.style.visibility="hidden";}}
}

function P7_autoHide() { //v1.3 by PVII
var i,g,args=P7_autoHide.arguments;
for(i=0;i<args.length;i++){if((g=MM_findObj(args[i]))!=null){
  g.p7aHide=true;if(document.layers){
  g.captureEvents(Event.MOUSEOUT);}g.onmouseout=P7_hideDiv;g.p7ahD=true;}}
}

function P7_autoLayers() { //v1.4 by PVII
var 
g,b,k,f,args=P7_autoLayers.arguments;a=parseInt(args[0]);if(isNaN(a))a=0;
if(!document.p7setc){p7c=new Array();document.p7setc=true;for(var 
u=0;u<10;u++){
p7c[u]=new 
Array();}}for(k=0;k<p7c[a].length;k++){if((g=MM_findObj(p7c[a][k]))!=null){
b=(document.layers)?g:g.style;b.visibility="hidden";}}for(k=1;k<args.length;k++){
if((g=MM_findObj(args[k]))!=null){b=(document.layers)?g:g.style;b.visibility="visible";f=false;
for(var j=0;j<p7c[a].length;j++){if(args[k]==p7c[a][j]) {f=true;}}
if(!f){p7c[a][p7c[a].length++]=args[k];}}}
}
//-->
</script>

<style>
<!--
body { background-color: #7C95A7 }
#childslayer { position:absolute; width:400px; z-index:1; left: 0; top: 0; 
visibility: visible }
#tabcontent1child { position:absolute; width:133px; z-index:1; left: 1px; 
top: 0px }
#tabcontent2child { position:absolute; width:133px; z-index:1; left: 1px; 
top: 0; visibility: hidden }
-->
</style>
<!-- #BeginEditable "head" --> <!-- #EndEditable -->
</head>
<body 
onLoad="MM_preloadImages('images/tabset2.gif','images/tabset1.gif');P7_autoHide('menu1','menu2','menu3','menu4','menu5')">
<div id="headerlayer" style="position:absolute; left:4px; top:10px; 
width:770px; z-index:1">
<table width="770" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="70"><img src="images/header_left.gif" width="70" 
height="70"></td>
<td width="525" class="hdr"><img src="images/spacer.gif" width="1" 
height="70"></td>
<td width="175"><img src="images/header_logo.gif" width="175" 
height="70"></td>
</tr>
</table>
</div>
<div id="mainlayer" style="position:absolute; left:4px; top:80px; 
width:770px; z-index:2">
<table width="770" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="6" class="menuborder"> <table width="770" border="0" 
cellspacing="1" cellpadding="0">
<tr>
<td width="100" class="menu" onMouseOver="P7_autoLayers(2,'menu1')" 
onMouseOut="P7_autoLayers(2)"><a href="javascript:;">HOME</a></td>
<td width="100" class="menu" onMouseOver="P7_autoLayers(2,'menu2')" 
onMouseOut="P7_autoLayers(2)"><a href="javascript:;">SERVICES</a></td>
<td width="100" class="menu" onMouseOver="P7_autoLayers(2,'menu3')" 
onMouseOut="P7_autoLayers(2)"><a href="javascript:;">PRODUCTS</a></td>
<td width="100" class="menu" onMouseOver="P7_autoLayers(2,'menu4')" 
onMouseOut="P7_autoLayers(2)"><a href="javascript:;">ABOUT US</a></td>
<td width="100" class="menu" onMouseOver="P7_autoLayers(2,'menu5')" 
onMouseOut="P7_autoLayers(2)"><a href="javascript:;">PORTFOLIO</a></td>
<td class="compinfocell" width="263" valign="middle"><a href="javascript:;" 
onClick="P7_autoLayers(1,'companyinfo')"><img src="images/menuarrow.gif" 
width="156" height="17" border="0"></a></td>
</tr>
</table></td>
</tr>
<tr>
<td height="340" valign="top" class="menucell" width="770" 
colspan="3">&nbsp; </td>
</tr>
<tr>
<td class="tabcontent" width="16" valign="bottom"><img 
src="images/footer_left.gif" width="16" height="16"></td>
<td class="footer" width="738"> <p>Footer: <a href="javascript:;">Home</a> | 
<a href="javascript:;">Services</a>
| <a href="javascript:;">Products</a> | <a href="javascript:;">About Us</a> 
|
<a href="javascript:;">Portfolio</a></p></td>
<td class="tabcontent" width="16" valign="bottom"><img 
src="images/footer_right.gif" width="16" height="16"></td>
</tr>
</table>
</div>
<div id="parentslayer" style="position:absolute; left:169px; top:120px; 
width:400px; height:295px; z-index:3; clip: rect(0 400 295 0);; overflow: 
hidden">
<div id="childslayer" style="">
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="content" valign="top"><!-- #BeginEditable "Main_Content" -->
<h1>Jarx Template</h1>
<p>Have you ever wanted to easily build a website that is completely CSS 
driven
with the unique qualities of DHTML embedded? Do you want a cutting edge 
design
to implement while saving time? Well that time has finally come! </p>
<p>Introducing JARX, the first of our new line of Templates from Robbear7 
Website
Designs. JARX is built to give the designer (Yes, that's you!) a template 
driven
work of art that is easily customized, modified and implemented.</p>
<p>JARX is unique in the fact that a small amount of space is utilized to 
display
a sufficiently large amount of information and data. JARX is the ultimate 
template
for intensive navigation over several pages, all the meanwhile maintaining a 
theme.
</p>
<p>What if you do not have a large amount of information or data to display? 
JARX
can still work for you.</p>
<p>This template is free to download. It is yours free to have and do as you 
wish.
You may modify anything to match your own desired colors, look and feel.</p>
<p>To modify this site, I would highly recommend downloading the following 
free
Dreamweaver extensions:</p>
<ul>
<li><a href="http://www.projectseven.com/extensions/listing.htm">Vertical 
Scroller</a>
(Project Seven)</li>
<li><a href="http://www.projectseven.com/extensions/listing.htm">Auto 
Layers</a>
(Project Seven)</li>
<li><a href="http://www.projectseven.com/extensions/listing.htm">Style Sheet 
Loader</a>
(Project Seven)</li>
<li><a href="http://www.projectseven.com/extensions/listing.htm">Opera 
Re-size
fix</a> (Project Seven)</li>
</ul>
<p><a href="javascript:;" 
onClick="P7_VScroller('childslayer','Up',0,0,'Warp')">Back
to Top</a></p>
<!-- #EndEditable -->
</td>
</tr>
</table>
</div>
</div>
<div id="scrollslayer" style="position:absolute; left:563px; top:120px; 
width:18px; z-index:4;">
<table width="18" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="javascript:;" 
onMouseUp="P7_VScroller('childslayer','Stop',0,0,'Fast')" 
onMouseDown="P7_VScroller('childslayer','Up',0,0,'Fast')"><img 
src="images/scroll_up.gif" width="18" height="19" border="0"></a></td>
</tr>
<tr>
<td><img src="images/scroll_line.gif" width="18" height="257"></td>
</tr>
<tr>
<td><a href="javascript:;" 
onMouseUp="P7_VScroller('childslayer','Stop',0,0,'Medium')" 
onMouseDown="P7_VScroller('childslayer','Down',0,295,'Fast')"><img 
src="images/scroll_down.gif" width="18" height="19" border="0"></a></td>
</tr>
</table>
</div>
<div id="companyinfo" style="position:absolute; left:594px; top:99px; 
width:180px; z-index:120; visibility: hidden">
<table width="180" border="0" cellspacing="0" cellpadding="0" 
bgcolor="#B5D0E3">
<tr>
<td> <table width="180" border="0" cellspacing="1" cellpadding="3">
<tr>
<td class="compinfolayer" valign="top" colspan="2"><a href="javascript:;" 
onClick="P7_autoLayers(1)"><img src="images/closeinfolayer.gif" width="75" 
height="14" class="imgright" border="0"></a><br>
Robbear7 Website Designs<br>
PO Box 296<br>
Airway Heights, WA 99001<br> <a 
href="mailto:admin at robbear7.com">admin at robbear7.com</a>
<br> </td>
</tr>
<tr>
<td class="compinfolayer" align="center" width="85"><img 
src="images/aim-icon.gif" width="15" height="16"><br>
robbear7 </td>
<td class="compinfolayer" align="center" width="85"><img 
src="images/icq-icon.gif" width="16" height="16"><br>
135460456 </td>
</tr>
<tr>
<td class="compinfolayer" align="center" width="85"><img 
src="images/msn-icon.gif" width="16" height="16"><br>
robbear7 </td>
<td class="compinfolayer" align="center" width="85"><img 
src="images/yahoo-icon.gif" width="16" height="16"><br>
robbear7 </td>
</tr>
</table></td>
</tr>
</table>
</div>
<div id="tablayer" style="position:absolute; left:604px; top:120px; 
width:155px; z-index:101"><img src="images/tabset1.gif" width="155" 
height="26" usemap="#Map" border="0" name="tabimage">
<map name="Map">
<area shape="rect" coords="16,2,80,20" href="javascript:;" alt="Tab 1 
Content" 
onClick="MM_swapImage('tabimage','','images/tabset1.gif',1);P7_autoLayers(0,'tabcontent1parent','tabcontent1child');P7_VScroller('tabcontent1child','Up',0,0,'Warp')">
<area shape="rect" coords="82,2,143,19" href="javascript:;" alt="Tab 2 
Content" 
onClick="MM_swapImage('tabimage','','images/tabset2.gif',1);P7_autoLayers(0,'tabcontent2parent','tabcontent2child');P7_VScroller('tabcontent2child','Up',0,0,'Warp')">
</map>
</div>
<div id="tabbg" style="position:absolute; left:604px; top:143px; 
width:155px; z-index:7">
<table width="155" border="0" cellspacing="0" cellpadding="1">
<tr>
<td bgcolor="#B5D0E3"> <table width="153" border="0" cellspacing="0" 
cellpadding="0">
<tr>
<td class="tabcontent"> </td>
<td class="tabcontent" width="1"><img src="images/spacer.gif" width="1" 
height="260"></td>
</tr>
</table></td>
</tr>
</table>
</div>
<div id="tabsetbottom" style="position:absolute; left:604px; top:399px; 
width:155px; z-index:101"><img src="images/tabsetbottom.gif" width="155" 
height="15"></div>
<div id="subnavigation" style="position:absolute; left:19px; top:120px; 
width:135px; height:295px; z-index:102">
<table width="135" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="submenu"><!-- #BeginEditable "Sub_navigation" -->
<p><a href="javascript:;">Submenu links will go right here.</a></p>
<p><a href="javascript:;">Just be careful not to have to many 
sublinks!</a></p>
<p><a href="javascript:;">Otherwise the page length will stretch and throw 
everything
off! </a></p>
<p><a href="javascript:;">Sublink #4</a></p>
<p><a href="javascript:;">Sublink #5</a></p>
<!-- #EndEditable --></td>
</tr>
</table>
</div>
<div id="tabcontent1parent" style="position:absolute; left:610px; top:143px; 
width:133px; height:260px; z-index:100; clip: rect(0 133 260 0); overflow: 
hidden">
<div id="tabcontent1child">
<table width="133" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="tabcontent"> <p class="tabcontent">Alternative content can resite 
in
this section. Make sure the content you put in are enclosed in &lt;p&gt; 
tags.
Additionally you will need to set a class for your &lt;p&gt; tag to set the 
style.</p>
<p class="tabcontent">Example:<br>
&lt;p class=&quot;tabcontent&quot;&gt;<br>
(watch the wrap)</p>
<p class="tabcontent">or:</p>
<p class="subtabcontent">&lt;p class=&quot;subtabcontent&quot;&gt;<br>
(watch the wrap)</p>
<p class="tabcontent">Please see the manual for more information.</p>
<p class="tabcontent">Don't forget to visit tab2 for a little bit of <a 
href="javascript:;" 
onClick="P7_autoLayers(0,'tabcontent2parent','tabcontent2child');P7_VScroller('tabcontent2child','Up',0,0,'Warp');MM_swapImage('tabimage','','images/tabset2.gif',1)">entertainment</a>.</p></td>
</tr>
</table>
</div>
</div>
<div id="tab1scroll" style="position:absolute; left:740px; top:150px; 
width:15px; z-index:110">
<table width="15" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="javascript:;" 
onMouseUp="P7_VScroller('tabcontent1child','Stop',0,0,'Medium');P7_VScroller('tabcontent2child','Stop',0,0,'Medium')" 
onMouseDown="P7_VScroller('tabcontent1child','Up',0,0,'Fast');P7_VScroller('tabcontent2child','Up',0,0,'Fast')"><img 
src="images/tab_scroll_up.gif" width="15" height="15" border="0"></a></td>
</tr>
<tr>
<td><img src="images/tab_scroll_line.gif" width="15" height="220"></td>
</tr>
<tr>
<td><a href="javascript:;" 
onMouseUp="P7_VScroller('tabcontent1child','Stop',0,0,'Medium');P7_VScroller('tabcontent2child','Stop',0,0,'Medium')" 
onMouseDown="P7_VScroller('tabcontent1child','Down',0,230,'Fast');P7_VScroller('tabcontent2child','Down',0,230,'Fast')"><img 
src="images/tab_scroll_down.gif" width="15" height="15" border="0"></a></td>
</tr>
</table>
</div>
<div id="tabcontent2parent" style="position:absolute; left:610px; top:143px; 
width:133px; height:260px; z-index:100; clip: rect(0 133 260 0); visibility: 
hidden; overflow: hidden">
<div id="tabcontent2child">
<table width="133" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="tabcontent" valign="top"> <p class="tabcontent">&#147;This 
&#145;telephone&#146;
has too many shortcomings to be seriously considered as a means of 
communication.
The device is inherently of no value to us.&#148; </p>
<p class="subtabcontent">Western Union, internal memo, 1876</p>
<p class="tabcontent">&#147;There is no reason anyone would want a computer 
in
their home.&#148; </p>
<p class="subtabcontent">Ken Olson, President, Chairman and Founder of 
Digital
Equipment Corporation, 1977 </p>
<p class="tabcontent">&#147;If I had thought about it, I wouldn&#146;t have 
done
the experiment. The literature was full of examples that said you can&#146;t 
do
this.&#148;<br>
</p>
<p class="subtabcontent">Spencer Silver, on the work that led to the unique 
adhesives
on 3&#150;M Post&#150;It notepads </p>
<p class="tabcontent">&#147;640k ought to be enough for anybody.&#148;</p>
<p class="subtabcontent"> Bill Gates, Co&#150;Founder and CEO of Microsoft, 
1981
</p>
<p class="tabcontent">&#147;I think there is a world market for maybe five 
computers.&#148;
</p>
<p class="subtabcontent">Thomas Watson, chairman of IBM, 1943 </p>
<p class="tabcontent">&quot;Computers in the future may weigh no more than 
1.5
tons.&quot; </p>
<p class="subtabcontent">Popular Mechanics, 1949 </p>
<p class="tabcontent">&quot;Indeed, it would not be an exaggeration to 
describe
the history of the computer industry for the past decade as a massive effort 
to
keep up with Apple.&quot; </p>
<p class="subtabcontent">Byte, December 1994 </p>
<p class="tabcontent">&quot;I have traveled the length and breadth of this 
country
and talked with the best people, and I can assure you that data processing 
is
a fad that won't last out the year.&quot; </p>
<p class="subtabcontent">The editor in charge of business books for Prentice 
Hall,
1957 </p>
<p class="tabcontent">&quot;Everything that can be invented has been 
invented.&quot;
</p>
<p class="subtabcontent">Charles H. Duell, Commissioner, U.S. Office of 
Patents,
1899 </p></td>
</tr>
</table>
</div>
</div>
<div id="v4browser" style="position:absolute; left:78px; top:11px; 
width:515px; z-index:121">
<p class="subtabcontent" align="center"><strong>!</strong> You are using a 
version
4 browser or older. If you are experiencing any problems with scrolling, 
please
reload the page.</p>
</div>
<div id="menu1" style="position:absolute; left:4px; top:99px; width:150px; 
z-index:122; visibility: hidden;" onMouseOver="P7_autoLayers(2,'menu1')">
<table width="150" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="menuborder"><table width="150" border="0" cellspacing="1" 
cellpadding="0">
<tr>
<td class="menu"><a href="javascript:;">Link 1</a></td>
</tr>
<tr>
<td class="menu"><a href="javascript:;">Link 2</a></td>
</tr>
<tr>
<td class="menu"><a href="javascript:;">Link 3</a></td>
</tr>
<tr>
<td class="menu"><a href="javascript:;">Link 4</a></td>
</tr>
<tr>
<td class="menu"><a href="javascript:;">Link 5</a></td>
</tr>
</table></td>
</tr>
</table>
</div>
<div id="menu2" style="position:absolute; left:104px; top:99px; width:150px; 
z-index:122; visibility: hidden;" onMouseOver="P7_autoLayers(2,'menu2')">
<table width="150" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="menuborder"><table width="150" border="0" cellspacing="1" 
cellpadding="0">
<tr>
<td class="menu"><a href="javascript:;">Link 1</a></td>
</tr>
<tr>
<td class="menu"><a href="javascript:;">Link 2</a></td>
</tr>
<tr>
<td class="menu"><a href="javascript:;">Link 3</a></td>
</tr>
<tr>
<td class="menu"><a href="javascript:;">Link 4</a></td>
</tr>
<tr>
<td class="menu"><a href="javascript:;">Link 5</a></td>
</tr>
</table></td>
</tr>
</table>
</div>
<div id="menu3" style="position:absolute; left:204px; top:99px; width:150px; 
z-index:122; visibility: hidden;" onMouseOver="P7_autoLayers(2,'menu3')">
<table width="150" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="menuborder"><table width="150" border="0" cellspacing="1" 
cellpadding="0">
<tr>
<td class="menu"><a href="javascript:;">Link 1</a></td>
</tr>
<tr>
<td class="menu"><a href="javascript:;">Link 2</a></td>
</tr>
<tr>
<td class="menu"><a href="javascript:;">Link 3</a></td>
</tr>
<tr>
<td class="menu"><a href="javascript:;">Link 4</a></td>
</tr>
<tr>
<td class="menu"><a href="javascript:;">Link 5</a></td>
</tr>
</table></td>
</tr>
</table>
</div>
<div id="menu4" style="position:absolute; left:304px; top:99px; width:150px; 
z-index:122; visibility: hidden;" onMouseOver="P7_autoLayers(2,'menu4')">
<table width="150" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="menuborder"><table width="150" border="0" cellspacing="1" 
cellpadding="0">
<tr>
<td class="menu"><a href="javascript:;">Link 1</a></td>
</tr>
<tr>
<td class="menu"><a href="javascript:;">Link 2</a></td>
</tr>
<tr>
<td class="menu"><a href="javascript:;">Link 3</a></td>
</tr>
<tr>
<td class="menu"><a href="javascript:;">Link 4</a></td>
</tr>
<tr>
<td class="menu"><a href="javascript:;">Link 5</a></td>
</tr>
</table></td>
</tr>
</table>
</div>
<div id="menu5" style="position:absolute; left:403px; top:99px; width:150px; 
z-index:122; visibility: hidden;" onMouseOver="P7_autoLayers(2,'menu5')">
<table width="150" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="menuborder"><table width="150" border="0" cellspacing="1" 
cellpadding="0">
<tr>
<td class="menu"><a href="javascript:;">Link 1</a></td>
</tr>
<tr>
<td class="menu"><a href="javascript:;">Link 2</a></td>
</tr>
<tr>
<td class="menu"><a href="javascript:;">Link 3</a></td>
</tr>
<tr>
<td class="menu"> <a href="javascript:;">Link 4</a></td>
</tr>
<tr>
<td class="menu"><a href="javascript:;">Link 5</a></td>
</tr>
</table></td>
</tr>
</table>
</div>
</body>
<!-- #EndTemplate --></html>

More information about the Javascript mailing list