...

View Full Version : JavaScript Menus



theladyd
11-02-2006, 09:04 PM
I inherited an html page and need to change one of the menu items from a link to a cascading or drop down menu with three options, links to other web pages. The red code below is what I need to change. I'm just learning javascripts and don't quite know which way to go with this. Thanks in advance for taking the time to read this.:confused:


<html>

<head>
<title>Admn Links Tabs</title>
<script language="Javascript">
<!--

function loadframes(opt) {
htm ="-ad.htm";
frm1="hrchoice" + opt + htm;
frm2="/ibi_apps/WFServlet?IBIF_ex=hrdefault&IBIAPP_app=hrdev&RGRP=" + opt;
window.open(frm1,'choices');
window.open(frm2,'main');
}

//-->
</script>
<STYLE>
.bar {
FONT-SIZE: 12px; TEXT-TRANSFORM: none; COLOR: #FF6500; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
TEXT-DECORATION: none; align:top;
}
.wht {
FONT-SIZE: 10px; TEXT-TRANSFORM: none; COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
TEXT-DECORATION: none; vertical-align:middle;
}
.choice {
FONT-SIZE: 14px; TEXT-TRANSFORM: none; COLOR: #FF6500; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
TEXT-DECORATION: none; align:top;
}
A.choice:hover {
FONT-SIZE: 14px; background-color: #FF6500; COLOR: #31107B; font-weight: bold;
}
A.choice:active {
FONT-SIZE: 16px; background-color: #FF6500; COLOR: #31107B; TEXT-DECORATION: none
}
</STYLE>
<base href="http://hr.tax.company.com/approot/hrdev/">
<style fprolloverstyle>A:hover {color: red; font-weight: bold}
</style>
</head>

<body bgcolor="#31107B" text="#FFFFFF">
<table width="91%" cellpadding="0" cellspacing="5" border="0" align="top">
<tr>
<td width="12%" align="center" valign="top">
<a class=choice href="javascript:loadframes('1')" onfocus="if(this.blur)this.blur()">
<font face="Arial" style="font-size: 11pt">Detail Lists</font></a><font face="Arial" style="font-size: 11pt; font-weight: 700" color="#FF6500">
</font>
</td>
<td width="2%" align="center" valign="top">
<font class=bar face="Arial" style="font-size: 11pt">|</font><font face="Arial" style="font-size: 11pt; font-weight: 700" color="#FF6500">
</font>
</td>
<td width="20%" align="center" valign="top">
<a class=choice href="javascript:loadframes('2')" onfocus="if(this.blur)this.blur()">
<font face="Arial" style="font-size: 11pt">Counts & Summaries</font></a><font face="Arial" style="font-size: 11pt; font-weight: 700" color="#FF6500">
</font>
</td>
<td width="1%" align="center" valign="top">
<font class=bar face="Arial" style="font-size: 11pt">|</font><font face="Arial" style="font-size: 11pt; font-weight: 700" color="#FF6500">
</font>
</td>
<td width="13%" align="center" valign="top">
<a class=choice href="javascript:loadframes('3')" onfocus="if(this.blur)this.blur()">
<font face="Arial" style="font-size: 11pt">Administrative</font></a><font face="Arial" style="font-size: 11pt; font-weight: 700" color="#FF6500">
</font>
</td>
<td width="1%" align="center" valign="top">
<font color="#FF6500" face="Arial" style="font-size: 11pt; font-weight: 700">|
</font>
</td>
<td width="10%" align="center" valign="top">
<p align="center"><font style="font-size: 11pt; font-weight: 700" face="Arial">
<a target="_blank" href="http://hr.tax.company.com/approot/hrdev/info_lookup.htm?Comat=http://hr-apps.corp.company.com/AddrLocator/">
<font style="font-size: 11pt; text-decoration: none" color="#FF6500">Info Lookup</font></a><font color="#FF6500" style="font-size: 11pt"> </font>
</font></td>
<td width="1%" align="center" valign="top">
<font color="#FF9933" face="Arial" style="font-size: 11pt; font-weight: 700">|
</font>
</td><td width="6%" align="center" valign="top">
<p align="center">
<a class="choice" onfocus="if(this.blur)this.blur()" target="_top" href="http://hr.tax.company.com/pv/index.htm">
<font face="Arial" style="font-size: 11pt">Home</font></a></td>
<td width="1%" align="center" valign="top">
<p align="center">
<font face="Arial" style="font-size: 11pt; ">
<a class="choice" onfocus="if(this.blur)this.blur()" target="_top" href="http://hr.tax.company.com/pv/index.htm">
|
</a>
</font>
</td>
<td width="15%" align="center" valign="top">
<p align="center"><font face="Arial" style="font-size: 11pt">
<a class="choice" onfocus="if(this.blur)this.blur()" target="_blank" href="http://hr.tax.company.com/approot/hrdev/Pv_Security_Models.xls">Security Models</a></font></td>
<td width="1%" valign="top">
<font class=bar face="Arial" style="font-size: 11pt">|</font></td>
<td width="6%" valign="top">
<font face="Arial" style="font-size: 11pt">
<a class=choice href="/ibi_apps/WFServlet?IBIF_ex=hrlogoff&IBIAPP_app=hr"
onfocus="if(this.blur)this.blur()" target="_top">
Logout</a>&nbsp;&nbsp;&nbsp; </font></td>
<td width="1%" align="center" valign="top">
<font class=bar face="Arial" style="font-size: 11pt">|</font><font face="Arial" style="font-size: 11pt; font-weight: 700" color="#FF6500">
</font>
</td>
</tr>
</table>
</body>

</html>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum